Open blackgirlbytes opened 1 month ago
.take
Thanks for taking this issue! Let us know if you have any questions!
I am not able to find setting page anywhere in dwa-starter-vanillajs-vite, can you help me to find out where should I add ARIA labels?
Add ARIA labels to settings page - Vanilla
🚀 Goal
Improve the accessibility of the settings page in our Vanilla DWA starter by adding appropriate ARIA labels to all interactive elements and sections.
🤔 Background
Accessibility is a crucial aspect of web development. By adding ARIA (Accessible Rich Internet Applications) labels, we can make our application more usable for people relying on assistive technologies.
🔑 Tasks and Acceptance Criteria
aria-label="Settings"
)aria-label="Display Name"
)aria-label="Save Settings"
)aria-live
for dynamic content)role
attributes where necessary (e.g.,role="button"
for clickable divs)🌟 Resources
Getting Started
Questions?
If you have any questions or need clarification, please comment on this issue or join our Discord community.
Happy coding! 🎉