How to use WAI-ARIA roles correctly
Use the official WAI ARIA roles defined in the World Wide Consortium (W3C) Accessible Rich Internet Applications (WAI-ARIA) 1.1 specification.
We would like to thank Pelayo Trives Pozuelo for providing us with the official W3C specification.
When developing delasign.com, PageSpeed Insights alerted us that we were not using the correct ARIA roles across the delasign.com website.
PageSpeed Insights gave us a warning that we weren't using roles correctly.
This is because we thought we could name HTML elements using natural language that directly implied their role in the delasign.com website - this is wrong.
Some of the official WAI ARIA roles defined in the World Wide Consortium (W3C) Accessible Rich Internet Applications (WAI-ARIA) 1.1 specification.
To fix this, we used the official WAI ARIA roles defined in the World Wide Consortium (W3C) Accessible Rich Internet Applications (WAI-ARIA) 1.1 specification.
Please note that WAI ARIA roles are built into React & Typescript and are known as "React.AriaRole."
Looking to learn more about ReactJS and SEO ?
Search our blog to find educational content on learning ReactJS and SEO.