<aside>
📣
Have any suggestion or feedback?
Send a message to Filipa on Slack or email [email protected].
</aside>
1. Accessibility Issues
Common accessibility problems include poor color contrast, lack of keyboard navigation, and missing alt text for visual elements. Ensuring accessibility improves usability for all users, not only those with disabilities.
✅ Action Items
- Enhance Color Contrast
- Use a contrast checker tool to ensure all text meets minimum contrast standards (WCAG AA or AAA).
- Adjust colors on the site where contrast is insufficient, especially for text against background colors.
- Improve Keyboard Navigation
- Audit the site to ensure all interactive elements (e.g., buttons, links, form fields) are accessible via keyboard.
- Add clear focus indicators for each interactive element so users can see where they are on the page.
- Ensure that navigation follows a logical order to provide a seamless experience for keyboard users.
- Add Alt Text for Visual Elements
- Ensure images and other visual content (e.g., icons, infographics) include descriptive alt text, which also helps with search engine discoverability.
- For decorative images that do not add context, use empty alt attributes (
alt="") to prevent screen readers from reading unnecessary information.
- Test with Accessibility Tools
- Conduct testing using screen readers to identify issues.
- Use tools and/or manual testing to identify additional accessibility issues.
- Continuous Monitoring and User Feedback
- Implement accessibility checks in the development workflow to catch issues early.
- Gather feedback from users to identify areas for improvement and adjust the site accordingly.
📖 Tools and Resources