This challenge involves using a screen reader to check a website for accessibility issues. The goal is to experience the website from the perspective of a visually impaired user and identify any barriers that may prevent a smooth and effective user experience.
Detailed Instructions
- Choose a Website:
- Select a website to test. It can be your own project, a popular website, or a website known for its accessibility features (e.g., BBC, Apple, government websites).
- Set Up a Screen Reader:
- Install or enable a screen reader on your device. Popular screen readers include:
- **NVDA:** Free and open-source for Windows.
- **JAWS:** A widely-used screen reader for Windows.
- ORCA: Free and open-source for Linux
- VoiceOver: Built-in screen reader for macOS and iOS devices.
- TalkBack: Built-in screen reader for Android devices.
- Familiarise Yourself with the Screen Reader:
- Spend some time learning the basic commands and navigation techniques of the screen reader you are using. Refer to the screen reader’s documentation or tutorials if needed.
- Navigate the Website:
- Use the screen reader to navigate the chosen website. Pay attention to:
- Page Structure: How well the headings, landmarks, and navigation menus are announced.
- Links and Buttons: Whether they are correctly labeled and provide meaningful descriptions.
- Images: Whether alternative text (alt text) is provided for images.
- Forms: How form fields, labels, and error messages are handled.
- Content Flow: The logical order of content and how easy it is to understand through audio alone.
- Document Accessibility Issues:
- Note down any accessibility issues you encounter during your navigation. Consider aspects such as:
- Missing or unclear alt text for images.
- Misleading or non-informative link text.
- Improper use of headings or lack of heading structure.
- Forms without proper labels or instructions.
- Difficulties in navigating menus or finding information.
- Report Your Findings:
- Prepare a brief report summarising the accessibility issues you identified. Include recommendations for improvements.
- Share and Discuss:
- Share your findings and recommendations with peers or mentors. Discuss potential solutions and ways to implement the changes.
<aside>
💡 Reflection (Optional): After completing the task, spend 10 minutes reflecting on the experience. Write down what you learned, what went well, and what could be improved.
</aside>
Resources Needed
- A device with a screen reader installed (NVDA, JAWS, Orca, VoiceOver, TalkBack)
- A website to test
- Note-taking materials or a digital tool for documenting issues
Expected Outcomes
- A better understanding of the user experience for visually impaired users.
- Identification of key accessibility issues on the chosen website.
- Practical recommendations for improving website accessibility.
Tips