Exercise: Images and Alt Text

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\

Start Images Exercise Images Exercise Solution

Exercise: Keyboard Accessibility

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 Solution

Exercise: Skip Links

Improve 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 Solution

Exercise: Document Structure

Enhance 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 Solution

Start Document Structure 2 Exercise Document Structure Exercise 2 Solution

Exercise: Data Tables

Improve 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 Solution

Exercise: Accessible Forms

Ensure 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 Solution

Exercise: Errors on Submit

Improve 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 Solution

Exercise: Errors Inline

Enhance 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 Solution

Exercise: Navigation Menu

Improve 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 Solution

Exercise: Tabs

Ensure 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