[Koha-bugs] [Bug 23264] New: OPAC elements with class="dropdown" include incomplete WAI-ARIA Menu

[bugzilla-daemon at bugs.koha-community.org]

https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=23264

            Bug ID: 23264
           Summary: OPAC elements with class="dropdown" include incomplete
                    WAI-ARIA Menu
 Change sponsored?: ---
           Product: Koha
           Version: 19.05
          Hardware: All
                OS: All
            Status: NEW
          Severity: normal
          Priority: P5 - low
         Component: OPAC
          Assignee: oleonard at myacpl.org
          Reporter: brian at mcneil.ly
        QA Contact: testopia at bugs.koha-community.org

Details:
Buttons that spawn items with role="menu" must indicate this fact with
aria-haspopup="menu", and an aria-controls attribute referencing the id value
for the element with role="menu". On expansion, focus should move to the first
menu item, and focus should be tracked with either a roving tabindex attribute
(so one menu item is always focusable) or tracked with an aria-activedescendant
attribute on the element with role="menu". aria-expanded can be used to
indicate the state of the button and its attached menu (e.g. expanded or
collapsed).

This paradigm may apply to over OPAC menus, such as the Lists Menu on the
homepage.

Steps to Reproduce:
1. Navigate to the element with id="langmenu"
2. Verify this item does not have an aria-haspopup attribute
3. Activate the element, verify a menu appears
4. Verify this content contains an element with role="menu"
5. Verify focus has not moved to the first menuitem beneath the menu
6. Use the arrow keys to adjust content within the menu
7. Verify tabindex attributes are not adjusted and aria-activedescendant is not
set on the element with role="menu"

Actual Results:
Screen readers and other assistive technologies may be unable to interact with
content as intended if ARIA controls are not coded to spec.

Expected Results:
The above listed attributes are added to the button item and element with
role="menu". An example of a fully implemented button spawning an element with
role="menu" (in this case using aria-activedescendant) can be found at:
https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-actions-active-descendant.html

-- 
You are receiving this mail because:
You are watching all bug changes.