LIT-EIA / adapt-esdc-accessibilityfixes

Extension to load and run a .js file when a course loads
GNU General Public License v3.0
5 stars 2 forks source link

Some buttons contain div elements and have long names (WCAG 2.4.5) [QAC] #208

Open ftourangeau opened 1 year ago

ftourangeau commented 1 year ago

COURSE: https://esdc-edsc-adapt.canadacentral.cloudapp.azure.com/preview/5dc446fd27f08836496b6b9e/63a32079b75e454dafed1e1d/


Page: Main Hamburger Menu

Description: The button name in the "Open course resources" menu is • Glossary Specialized vocabulary used in this training.

The best practice is to use as short names for buttons as possible (without sacrificing meaning). The name needs to be long enough to convey the purpose of the element and no longer.

Consider providing a short name with a description using the aria-describedby attribute: • <button aria-describedby="glossary1">Glossary</button><p id="glossary1">Specialized vocabulary used in this training</p>

Also note, <div> should not be placed inside a <button> since it is not phrasing content.

image