Universal Approach

Accessibility Checklist (WCAG 2.2)

This is not Web Content Accessibility Guidelines (WCAG 2.2),Only checklist with guidelines.

Perceivable

  • Text Alternatives

    • Provide descriptive text alternatives (alt text) for all non-text content.
    • Ensure alt text accurately describes the purpose or function of the non-text content.
    • Provide transcripts for all pre-recorded audio content.
    • Provide captions for all pre-recorded video content.
    • Ensure live audio-only and video-only content have captions or an alternative accessible version.

  • Time-Based Media

    • Provide a mechanism to pause, stop, or hide automatically moving, blinking, or scrolling content.
    • Ensure that multimedia content does not play automatically, unless it is essential for the functionality or requested by the user.
    • Provide controls for users to adjust the volume of pre-recorded audio content.
    • Ensure that time-based media alternatives to text content are provided (e.g., captions, audio descriptions for video content).

  • Adaptable

    • Ensure content can be presented in different ways without losing information or structure.
    • Ensure text content can be resized up to 200% without loss of content or functionality.
    • Ensure the website does not restrict zooming up to 200% without loss of content or functionality.
    • Ensure that responsive web design principles are applied to make content adapt to various viewports and devices.

  • Distinguishable

    • Ensure that text and images of text have a contrast ratio of at least 4.5:1, except for large text (18pt or 14pt bold) which should have a ratio of at least 3:1.
    • Ensure that text is not presented over background images or gradients that make it difficult to read.
    • Ensure that color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

Operable

  • Keyboard Accessible

    • Ensure all functionality can be operated via a keyboard interface without requiring specific timings for keystrokes.
    • Ensure keyboard focus is visible and does not get trapped in any part of the content or interface.
    • Ensure that keyboard navigation order follows a logical sequence through interactive elements.
    • Ensure that keyboard shortcuts do not conflict with browser or assistive technology shortcuts.

  • Enough Time

    • Provide users with enough time to read and use content.
    • Provide controls to pause, stop, or hide automatically updating, moving, or scrolling content.
    • Avoid content that flashes more than three times per second, unless the flashes are essential for the functionality or requested by the user.
    • Provide a mechanism for users to extend time limits for content where time limits are imposed.

  • Seizures and Physical Reactions

    • Avoid content that flashes more than three times per second, or provide a mechanism to disable such content.
    • Ensure that any content that might cause seizures or physical reactions is avoidable or has user controls to limit exposure.

  • Navigable

    • Provide multiple ways to locate a web page within a set of web pages.
    • Provide ways to bypass blocks of content that are repeated on multiple web pages.
    • Provide informative page titles that describe the topic or purpose of the web page.
    • Use headings, labels, and landmarks to help users navigate and find content.

  • Input Modalities

    • Ensure that functionality is operable through different input methods, such as keyboard, mouse, touch, voice commands, and gestures.
    • Ensure that users can easily switch between different input modalities without loss of functionality or content.

Understandable

  • Readable

    • Use clear and straightforward language.
    • Structure content using headings, lists, and paragraphs to enhance readability.
    • Ensure text content is readable and understandable when presented in different formats (e.g., assistive technologies).

  • Predictable

    • Ensure web pages appear and operate in predictable ways.
    • Use consistent navigation mechanisms throughout the site.
    • Use headings, labels, and context to convey the structure and relationships within content.

  • Input Assistance

    • Provide suggestions for input errors and clear instructions on how to correct them.
    • Ensure that users can review, correct, and confirm information before finalizing their submissions.
    • Ensure that input assistance is available and accessible to all users, including those using assistive technologies.

Robust

  • Compatible

    • Ensure your web content is compatible with current and future user agents, including assistive technologies.
    • Use valid HTML, CSS, and JavaScript to support accessibility standards.
    • Ensure your content works well across different browsers and devices.

Additional Resources

For more detailed guidelines and explanations, refer to the Web Content Accessibility Guidelines (WCAG) 2.2 at w3.org/WAI/WCAG22/quickref/ .

Use accessibility evaluation tools to help identify and resolve accessibility issues in your web content.