-->
WEBFOREVEYONE

Knowing Is Not Enough We Must Apply

Technology

WCAG Checklist with Filter and Links

Originally adapted from Paul Adam's WCAG Checklist. All links now point to WCAG. All links open in a new window.
For more similar resources, see Web Axe's post WCAG Cheat Sheets and Checklists.

Select WCAG Version
Select WCAG Level

78 success criteria shown

1. Perceivable

1.1 Text Alternatives

A

2.0
1.2 Time-based Media

A

2.0

A

2.0

A

2.0

AA

2.0

AA

2.0

AAA

2.0

AAA

2.0

AAA

2.0

AAA

2.0
1.3 Adaptable

A

2.0

A

2.0

A

2.0

AA

2.1

AA

2.1

AAA

2.1
1.4 Distinguishable

A

2.1

A

2.1

AA

2.1

AA

2.1

AA

2.1

AAA

2.1

AAA

2.1

AAA

2.1

AAA

2.1

AA

2.1

AA

2.1

AA

2.1

AA

2.1

2. Operable

2.1 Keyboard Accessible

A

2.1

A

2.1

AAA

2.1

A

2.1
2.2 Enough Time

A

2.0

A

2.0

AAA

2.0

AAA

2.0

AAA

2.0

AAA

2.1
2.3 Seizures

A

2.1

AAA

2.1

AAA

2.1
2.4 Navigable

A

2.1

A

2.1

A

2.1

A

2.1

AA

2.1

AA

2.1

AA

2.1

AAA

2.1

AAA

2.1

AAA

2.1

AA

2.1

AAA

2.1

AAA

2.1
2.5 Input Modalities

A

2.1

A

2.1

A

2.1

A

2.1

AAA

2.1

AAA

2.1

AA

2.1

AA

2.1

3. Understandable

3.1 Readable

A

2.1

AA

2.1

AAA

2.1

AAA

2.1

AAA

2.1

AAA

2.1
3.2 Predictable

A

2.1

A

2.1

AA

2.1

AA

2.1

AAA

2.1

A

2.1
3.3 Input Assistance

A

2.1

A

2.1

AA

2.1

AA

2.1

AAA

AAA

2.1

A

2.1

AA

2.1

AAA

2.1

4. Robust

4.1 Compatible

A

2.1

A

2.1

AA

2.1

              
              A photo of a cat

              
              

              
              A chart showing sales figures

              
              

              
              

              
          

              
              

              
              

              
              

              
          
      
          
              

              
          
      
          
              

              

Transcript

For those who prefer a text-based version, here's a transcript of the video:

                  [Transcript content goes here]
              
          


              
List of products and their prices
Product Price
Product 1 $10.00
Product 2 $15.00
Product 3 $20.00
  • Item 1
  • Item 2
  • Item 3

Main content

This is the main content of the page.

          

              

Contact Us

Company Logo

Main content

This is the main content of the page.

Copyright 2023

          

              

A beautiful sunset

A photo of a sunset over a lake. The sky is ablaze with orange, red, and purple hues, and the water reflects the colors of the sky.
          
              

              

              

This text is red.

          
              const audio = document.querySelector('audio');

              const playButton = document.querySelector('.play-button');
              playButton.addEventListener('click', () => {
              audio.play();
              });

              const pauseButton = document.querySelector('.pause-button');
              pauseButton.addEventListener('click', () => {
              audio.pause();
              });

              /*In this example, JavaScript is used to add play and pause buttons to the audio player. This allows
              users to control the playback of the audio using buttons instead of the default audio controls. */

          
      
          
              

Contact Us

          
              

Main content

Modal title

Modal content

          
              

Main content

Home

This is the home page.

About

This is the about page.

Contact

This is the contact page.

          
              

Animated text

This text will fade in over 5 seconds.

5
          
              

Animated text

This text will fade in over 5 seconds.

          
              

Animated text

This text will flash 3 times.

Flashing content
          
              

Main content

Skip to main content
          
              Accessible Web Page
              

              

Accessible Web Page

          
              

Contact Us

          
              

              

              Google

              

              

              
          
      
          
              

Slider

          
              

Drag and Drop

Drag me
Drop here
          
              
          
              

Carousel

          

              In html tag lang="en"

              

              In html tag aria-language="en"
              
              
              
          
      
          
              
          
              

Contact Us

          
              

Contact Us

          
              

Contact Us

          
              
              

              
              

Main content

          
              

              

              

              

              

              

              

              
          
      
          
              

              
          
      
          
              

              
          
      
          
              
              


              
          
              
Please enter your complete mailing address.
Enter a 16-digit credit card number without spaces or dashes.
          
              
              

Image Text Contrast Example

Example Image
This text has sufficient contrast against the dark background image.
          
              
              
              

Text Resizing Example

This text can be resized up to 200% without loss of content or functionality.

          
              
              

Company Name

Company Name

          
              
              

Flexible Layouts Example

This example uses flexible layouts to ensure that the content can be presented without loss of information or functionality on a wide range of devices.

          
              Example Image
              
This is an example of text that is part of an image.
          
              

              

This is an example of using CSS to adjust text spacing.

          
              
              
Hover over me to see a tooltip.
This is a tooltip.
Focus on me to see a tooltip.
This is a tooltip.
          
              

Sitemap

          
              
          
              
              Link
              
              

              


              
          
      
          
              

This is an example of using the xml:lang attribute to define the language of a part of a web page.

Este es un ejemplo de cómo utilizar el atributo xml:lang para definir el idioma de una parte de una página web.

          

              

Home

Page 1

This is page 1.

          
              

Main Heading

Subheading 1

Subheading 2

Subheading 3

Subheading 4
Subheading 5

This is an example of using consistent headings to identify different sections of a web page.

          
              
          
              
          
              
Loading...
Loading...
          
              
              

FAQ

  • FAQ item 1
  • FAQ item 2
          
              

              
              

              
              
              


              
              
                  
              
              
              


              
              

              
              

              
          
      
          
              

              
              
          
              

              
              

              


              

              

              


              

              
          
      
          
              

              

Drag and drop files here

    Drag me
              
    
                  
    
                  
    
                  Link
                  
    
                  
    
    
                  
    
                  Link