[Navigation] Add role attribute on navigation - Githubissues

adobe / aem-core-wcm-components

Standardized components to build websites with AEM.

https://docs.adobe.com/content/help/en/experience-manager-core-components/using/introduction.html

Apache License 2.0

723 stars 737 forks source link

[Navigation] Add role attribute on navigation #2727

Closed renow-luxembourg closed 2 months ago

renow-luxembourg commented 2 months ago

Feature Request

Current Behavior : In european countries using the French Accessibility Guidelines (RGAA) or the Luxembourg guideline (RAWeb1), a role attribute is mandatory on each landmark. The reason is to keep a compatibility with old browser (that don't support HTML5) or old version of assistive tools.

Expected behavior/code : Navigation menu should have an ARIA nav with attribute role="navigation"

Environment

AEM 6.5.19
Core Components version 2.23.4 ( Breadcrumb component v3, Language navigation v2, Navigation component v2 )

Possible Solution : Add a role attribute on each navigation landmarks.

Additional context : WAI wiki : https://www.w3.org/WAI/GL/wiki/Using_HTML5_nav_element#Example:The_.3Cnav.3E_element RGAA 4.1.2 / RAWeb 1 : 12.6.1 https://accessibilite.public.lu/fr/raweb1/criteres.html#test-12-6-1 (in french)

sonarcloud[bot] commented 2 months ago

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

renow-luxembourg commented 2 months ago

Adobe CLA filled and signed.