https://bugzilla.wikimedia.org/show_bug.cgi?id=67195

            Bug ID: 67195
           Summary: CPB: Accessibility review
           Product: MediaWiki extensions
           Version: master
          Hardware: All
                OS: All
            Status: NEW
          Severity: normal
          Priority: Unprioritized
         Component: VectorBeta
          Assignee: [email protected]
          Reporter: [email protected]
                CC: [email protected],
                    [email protected]
       Web browser: ---
   Mobile Platform: ---

Relevant background: http://www.w3.org/WAI/GL/wiki/Using_ARIA_menus
http://stackoverflow.com/questions/12279113/recommended-wai-aria-implementation-for-navigation-bar-menu

Good:
* Usage of links which are native navigable elements
* use of ul and li, which are native elements with semantic structure.

Bad:
* When the drop down receives focus, it should automatically uncollapse, Focus
should match the hover state is more than just decoration.

Improve:
* The user page link should have aria-haspopup="true", aria-controls to
indicate that it is responsible for controlling the submenu.

* Add aria-hidden: to the primary ul in the flyout to reflect it's 'visibility'
to screen readers.

* aria-expanded="true/false" to reflect the 

* Make it an actual menu: ul[role=menu] > li[role=presentation] >
a[role=menuitem]

* When doing so make sure you add arrow/enter/space keyboard shortcuts

* role menubar on the entire p-personal, role=menuitem on the individual
pt-icons


BTW: Would advise to add a 'CPB ready' event, so that other scripts can hook
into it.

-- 
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to