Summary: | OPAC elements with class="dropdown" include incomplete WAI-ARIA Menu | ||
---|---|---|---|
Product: | Koha | Reporter: | Brian McNeilly <brian> |
Component: | Accessibility | Assignee: | Martin Renvoize <martin.renvoize> |
Status: | NEW --- | QA Contact: | Testopia <testopia> |
Severity: | normal | ||
Priority: | P5 - low | CC: | bolshawh, claire.hernandez, martin.renvoize, matt.blenkinsop, oleonard |
Version: | Main | Keywords: | accessibility |
Hardware: | All | ||
OS: | All | ||
Change sponsored?: | --- | Patch complexity: | --- |
Documentation contact: | Documentation submission: | ||
Text to go in the release notes: | Version(s) released in: |
Description
Brian McNeilly
2019-07-03 23:25:33 UTC
Brian I wonder if you could take a look at the demos of Bootstrap 4? The next upgrade of the Bootstrap framework in the OPAC will jump us to version 4.x I think. https://getbootstrap.com/docs/4.3/examples/ Bootstrap is the library that creates the dropdown menus. I'm also curious if the same problem is found in the staff client, which is on Bootstrap 3.3.7. Thanks for investigating! Checking an example from the Staff Client (the Logged In User dropdown), I am seeing the same issue outlined in the ticket. Bootstrap in 4.x appears to have removed adding any role information to their dropdowns. They include some basic ARIA requirements, such as aria-expanded. However, it appears they've added an invalid 'aria-haspopup' (https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup). If the plan was to upgrade to 4.x for both the OAPC & Staff clients, this would effectively fix this issue. Though, I might suggest a few additional tweaks to improve the accessibility from what bootstrap already has. Off the top of my head the two things would be: 1. removing the aria-haspopup 2. adding a role of group to div class="dropdown-menu" (they seem to have removed the use of lists by default) |