Add aria-label and aria-selected to tab bars.

jupyterlab · Nov 17, 2020 · 943e83e · 943e83e
1 parent 6ffad17
commit 943e83e
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/widgets/src/tabbar.ts b/packages/widgets/src/tabbar.ts
@@ -80,6 +80,9 @@ class TabBar<T extends Widget> extends Widget {
     let contentNode = this.contentNode;
     contentNode.setAttribute('role', 'tablist');
     contentNode.setAttribute('aria-orientation', this.orientation);
+
+    // TODO: what should this be?
+    contentNode.setAttribute('aria-label', 'Tabs');
   }
 
   /**
@@ -1587,7 +1590,7 @@ namespace TabBar {
      * @returns The ARIA attributes for the tab.
      */
     createTabARIA(data: IRenderData<T>): ElementARIAAttrs {
-      return {role: 'tab', 'aria-controls': data.title.owner.id};
+      return {role: 'tab', 'aria-controls': data.title.owner.id, 'aria-selected': data.current.toString()};
     }
 
     /**