Table of Contents
- NOTE: The look and feel of the following code samples are intentionally simplistic to focus on the accessibility of the code.
- The code for these exercises are available at https://github.com/ScytheLocke/allycode.git
Improve the accessibility of images on a web page by providing meaningful descriptions and ensuring all visual elements are appropriately labeled.
Exercise files: exercises\images\ & solutions\images\
Ensure that a web page is fully navigable using only the keyboard, providing a seamless experience for users who rely on keyboard navigation.
Exercise Files: exercises\keyboard\ & solutions\keyboard\
Start Keyboard Exercise Keyboard Exercise SolutionImprove the accessibility of a webpage by adding a skip link, allowing users to bypass repetitive navigation and go directly to the main content.
Exercise File: exercises\skip_links\ & solutions\skip_links\
Start Skip Links Exercise Skip Links Exercise SolutionEnhance the accessibility and usability of a web page by reviewing its structure and implementing improvements.
Exercise Files: exercises\document_structure\, exercises\document_structure_2\, solutions\document_structure\ & solutions\document_structure_2\
Start Document Structure Exercise Document Structure Exercise SolutionImprove the accessibility of tables to ensure that they are properly structured and understandable for all users, including those using screen readers.
Exercise Files: exercises\tables\ & solutions\tables\
Start Tables Exercise Tables Exercise SolutionEnsure that form controls are properly labeled to provide a clear and accessible experience for all users.
Exercise files: exercises\forms-labelling\ & solutions\forms-labelling
Start Forms ExerciseForms Exercise SolutionImprove form validation to ensure that users receive clear feedback when submitting a form with errors.
Exercise files: exercises\errors-on_submit\ & solutions\errors-on_submit\
Start Errors on Submit Exercise
Errors on Submit Exercise SolutionEnhance the user experience of a form by implementing accessible inline validation.
Exercise files: exercises\errors-in_line\ & solutions\errors-in_line\
Start Errors Inline Exercise Errors Inline Exercise SolutionImprove the accessibility of a navigation menu, ensuring it is user-friendly for all users, including those using assistive technologies.
Exercise files: exercises\navigation_menu\ & solutions\navigation_menu\
Start Navigation Menu Exercise Navigation Menu Exercise SolutionEnsure that a tabbed interface is accessible and usable for all users, including those using screen readers or navigating with a keyboard.
Exercise files: exercises\tabs\ & solutions\tabs\
Start Tabs Exercise Tabs Exercise Solution