Web Accessibility Checklist

Introduction

Creating an accessible website is crucial to ensure that all users can access your website effectively. To simplify the process of familiarizing with the Web Content Accessibility Guidelines, we compiled a checklist which provides recommendations for making web content accessible, regardless of navigation methods.

Checklist

1. Semantic HTML:

   • Use proper HTML elements (e.g., headings, sections, lists, navigation menus) to structure content logically.
   • Conveys the purpose or content of all focusable elements by using unique and descriptive labels (e.g., buttons, links, images).

2. Keyboard Navigation:

   • Ensure all interactive elements (links, forms, buttons) can be accessed and used via keyboard navigation.
   • Make sure the keyboard shortcuts do not interfere with the operating system and assistive technologies.
   • Implement a visible focus indicator (e.g., a border or highlight).

3. Forms and Input Fields:

   • Label form fields appropriately.
   • Provide helpful error messages and suggestions for form validation.
   • Implement algorithms that do not require human input instead of using CAPTCHA.

4. Tables:

   • Avoid using tables for layout purposes.
   • Ensure that tables are marked up correctly with headers.

5. Contrast and Readability:

   • Maintain sufficient colour contrast between text and background to ensure readability.
   • Use clear and legible fonts with proper size and spacing.
   • Allow users to resize text without loss of content or functionality.
   • Avoid fixed font sizes and text position.
   • Ensure your website is responsive and works well on different devices and screen sizes.

6. Multimedia Accessibility:

   • Provide captions and transcripts for audio and video content.
   • Implement controls for multimedia that allow users to pause, stop, or adjust volume.

7. Clear communication:

   • Use Simple Language that are easy to understand.
   • Provide definitions for unusual words and abbreviations.
   • design and structure the page according to the audience's needs.

8. Testing and Validation:

   • Regularly test your website using accessibility tools, screen readers, magnification software and other assistive technology to identify issues.
   • Train your team on web accessibility best practices to ensure ongoing compliance.
   • Continuously monitor and update your website to maintain accessibility as content and technologies evolve.
   • Include an accessibility statement on your website that provides contact information for accessibility related concerns.

Resources

• Web Content Accessibility Guidelines (WCAG) 2.1
• Web Accessibility Checklist by Deque University