** Tags added: accessibility ** Changed in: mahara Status: New => Triaged
-- You received this bug notification because you are a member of Mahara Contributors, which is subscribed to Mahara. Matching subscriptions: Subscription for all Mahara Contributors -- please ask on #mahara-dev or mahara.org forum before editing or unsubscribing it! https://bugs.launchpad.net/bugs/1835851 Title: Accessibility - Default Menu Items break Aria rules Status in Mahara: Triaged Bug description: Mahara: 19.04.0 OS: Linux 16.04 DB: Postgres Browser: Chome Version 75.0.3770.100 (Official Build) (64-bit) * Install WCAG Accessibility Audit Developer UI Chrome extension * Using the Default Mahara theme. * Run the Access Audit Report. Several errors are highlighted by the WCAG report for the drop-down menu: * On the Dashboard page: There are 4 fail-rules: This implies that there were elements on the page that did not pass this audit rule. This is the only result you will probably be interested in. 2 Severe: Elements with ARIA roles must use a valid, non-abstract ARIA role https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules#ax_aria_01 3 elements break this rule: id("main-nav") id("main-nav-admin") id("main-nav-user") Elements with ARIA roles must ensure required owned elements are present https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules#ax_aria_08 12 elements break this rule: id("childmenu-1") id("childmenu-2") id("childmenu-3") id("childmenu-4") id("adminchildmenu-0") id("adminchildmenu-1") id("adminchildmenu-2") id("adminchildmenu-3") id("adminchildmenu-4") id("adminchildmenu-6") id("adminchildmenu-7") id("userchildmenu-8") * On the Pages and Collections, there are more elements: 2 Severe: Elements with ARIA roles must use a valid, non-abstract ARIA role https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules#ax_aria_01 3 elements break this rule: id("main-nav") id("main-nav-admin") id("main-nav-user") Elements with ARIA roles must ensure required owned elements are present https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules#ax_aria_08 27 elements break this rule: id("childmenu-1") id("childmenu-2") id("childmenu-3") id("childmenu-4") id("adminchildmenu-0") id("adminchildmenu-1") id("adminchildmenu-2") id("adminchildmenu-3") id("adminchildmenu-4") id("adminchildmenu-6") id("adminchildmenu-7") id("userchildmenu-8") id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-access"]/ul[@class="dropdown-menu"] id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-controls"]/ul[@class="dropdown-menu dropdown-menu-right"] id("myviews")/div[@class="card-quarter card-collection"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-access"]/ul[@class="dropdown-menu"] id("myviews")/div[@class="card-quarter card-collection"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-controls"]/ul[@class="dropdown-menu dropdown-menu-right"] id("myviews")/div[@class="card-quarter card-collection"]/div[@class="card "]/div[@class="card-footer"]/div[@class="collection-list"]/ul[@class="dropdown-menu"] id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-access"]/ul[@class="dropdown-menu"] id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-controls"]/ul[@class="dropdown-menu dropdown-menu-right"] id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-access"]/ul[@class="dropdown-menu"] id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-controls"]/ul[@class="dropdown-menu dropdown-menu-right"] id("myviews")/div[@class="card-quarter card-collection"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-access"]/ul[@class="dropdown-menu"] id("myviews")/div[@class="card-quarter card-collection"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-controls"]/ul[@class="dropdown-menu dropdown-menu-right"] id("myviews")/div[@class="card-quarter card-collection"]/div[@class="card "]/div[@class="card-footer"]/div[@class="collection-list"]/ul[@class="dropdown-menu"] id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-controls"]/ul[@class="dropdown-menu dropdown-menu-right"] id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-access"]/ul[@class="dropdown-menu"] id("myviews")/div[@class="card-quarter card-view"]/div[@class="card "]/div[@class="card-footer"]/div[@class="page-controls"]/ul[@class="dropdown-menu dropdown-menu-right"] There are also several warnings that I'm not listing here. * On a portfolio page with journals and several variations of headings (H4-H6): (see attached image) There are 6 fail-rules: This implies that there were elements on the page that did not pass this audit rule. This is the only result you will probably be interested in. 4 Severe: ARIA state and property values must be valid https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules#ax_aria_04 1 element breaks this rule: id("collectionbtns")/nav[@class="custom-dropdown dropdown"]/span[@class="picker form-control AccessAudit18 AccessAudit5"] Elements with ARIA roles must use a valid, non-abstract ARIA role https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules#ax_aria_01 3 elements break this rule: id("main-nav") id("main-nav-admin") id("main-nav-user") ARIA attributes which refer to other elements by ID should refer to elements which exist in the DOM https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules#ax_aria_02 1 element breaks this rule: id("collectionbtns")/nav[@class="custom-dropdown dropdown"]/span[@class="picker form-control AccessAudit18 AccessAudit5"] Elements with ARIA roles must ensure required owned elements are present https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules#ax_aria_08 6 elements break this rule: id("childmenu-1") id("childmenu-2") id("childmenu-3") id("childmenu-4") id("userchildmenu-0") id("pageheader-column-container")/div[@class="pageactions"]/div[@class="btn-group-vertical"]/ul[@class="dropdown-menu dropdown-menu-right AccessAudit21"] To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1835851/+subscriptions _______________________________________________ Mailing list: https://launchpad.net/~mahara-contributors Post to : mahara-contributors@lists.launchpad.net Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp