Criterios de conformidad de WCAG 2.1 (en inglés)
NOTA: WCAG 2.1 fue reemplazado por WCAG 2.2 en octubre de 2023.
WCAG 2.1 añade 17 criterios de conformidad a WCAG 2.0: 5 de nivel A, 7 de nivel AA y 5 de nivel AAA.
Level A
- 1.1.1 Non-text Content: Provide text alternatives for non-text content
- 1.2.1 Audio-only and Video-only (Pre-recorded): Provide an alternative to video-only and audio-only content
- 1.2.2 Captions (Pre-recorded): Provide captions for videos with audio
- 1.2.3 Audio Description or Media Alternative (Pre-recorded): Video with audio has a second alternative
- 1.3.1 Info and Relationships: Logical structure
- 1.3.2 Meaningful Sequence: Present content in a meaningful order
- 1.3.3 Sensory Characteristics: Use more than one sense for instructions
- 1.4.1 Use of Colour: Don't use presentation that relies solely on colour
- 1.4.2 Audio Control: Don't play audio automatically
- 2.1.1 Keyboard: Accessible by keyboard only
- 2.1.2 No Keyboard Trap: Don't trap keyboard users
- (Nuevo) 2.1.4 Character Key Shortcuts: Provide a mechanism to configure keyboard shortcuts
- 2.2.1 Timing Adjustable: Time limits have user controls
- 2.2.2 Pause, Stop, Hide: Provide user controls for moving content
- 2.3.1 Three Flashes or Below: No content flashes more than three times per second
- 2.4.1 Bypass Blocks: Provide a "Skip to Content" link
- 2.4.2 Page Titled: Use helpful and clear page titles
- 2.4.3 Focus Order: Logical order
- 2.4.4 Link Purpose (In Context): Every link's purpose is clear from its context
- (Nuevo) 2.5.1 Pointer Gestures: All functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.
- (Nuevo) 2.5.2 Pointer Cancellation: To help avoid inadvertent activation of controls, avoid non-essential down-event (e.g., onmousedown) activation when clicking, tapping, or long pressing the screen.
- (Nuevo) 2.5.3 Label in Name: For user interface components with labels that include text or images of text, the name contains the text that is presented visually.
- (Nuevo) 2.5.4 Motion Actuation: Functionality that is triggered by moving the device (such as shaking or panning a mobile device) or by user movement (such as waving to a camera) can be disabled and equivalent functionality is provided via standard controls like buttons.
- 3.1.1 Language of Page: Page has a language assigned
- 3.2.1 On Focus: Elements do not change when they receive focus
- 3.2.2 On Input: Elements do not change when they receive input
- 3.3.1 Error Identification: Clearly identify input errors
- 3.3.2 Labels or Instructions: Label elements and give instructions
- 4.1.1 Parsing: No major code errors
- 4.1.2 Name, Role, Value: Build all elements for accessibility
Level AA
- 1.2.4 Captions (Live): Live videos have captions
- 1.2.5 Audio Description (Pre-recorded): Users have access to audio description for video content
- (Nuevo) 1.3.4 Orientation: Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.
- (Nuevo) 1.3.5 Identify Input Purpose: Input fields that collect certain types of user information have an appropriate autocomplete attribute defined.
- 1.4.3 Contrast (Minimum): Contrast ratio between text and background is at least 4.5:1
- 1.4.4 Resize Text: Text can be resized to 200% without loss of content or function
- 1.4.5 Images of Text: Don't use images of text
- (Nuevo) 1.4.10 Reflow: No loss of content or functionality occurs and horizontal scrolling is avoided when content is presented at a width of 320 pixels.
- (Nuevo) 1.4.11 Non-Text Contrast: A contrast ratio of at least 3:1 is present for differentiating graphical objects (such as icons and components of charts or graphs) and author-customized interface components (such as buttons, form controls, and focus indicators/outlines).
- (Nuevo) 1.4.12 Text Spacing: No loss of content or functionality occurs when the user adapts text line height/spacing to 1.5 times the font size, paragraph spacing to 2 times the font size, word spacing to .16 times the font size, and letter spacing to .12 times the font size.
- (Nuevo) 1.4.13 Content on Hover or Focus: When additional content is presented on hover or keyboard focus: The newly revealed content can be dismissed (generally via the Esc key) without moving the pointer or keyboard focus, unless the content presents an input error or does not obscure or interfere with other page content; the pointer can be moved to the new content without the content disappearing; the new content must remain visible until the pointer or keyboard focus is moved away from the triggering control, the new content is dismissed, or the new content is no longer relevant.
- 2.4.5 Multiple Ways: Offer several ways to find pages
- 2.4.6 Headings and Labels: Use clear headings and labels
- 2.4.7 Focus Visible: Ensure keyboard focus is visible and clear
- 3.1.2 Language of Parts: Tell users when the language on a page changes
- 3.2.3 Consistent Navigation: Use menus consistently
- 3.2.4 Consistent Identification: Use icons and buttons consistently
- 3.3.3 Error Suggestion: Suggest fixes when users make errors
- 3.3.4 Error Prevention (Legal, Financial, Data): Reduce the risk of input errors for sensitive data
- (Nuevo) 4.1.3 Status Messages: In content implemented using markup languages, status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.
Level AAA
- 1.2.6 Sign Language (Pre-recorded): Provide sign language translations for videos
- 1.2.7 Extended Audio description (Pre-recorded): Provide extended audio description for videos
- 1.2.8 Media Alternative (Pre-recorded): Provide a text alternative to videos
- 1.2.9 Audio Only (Live): Provide alternatives for live audio
- (Nuevo) 1.3.6 Identify Purpose: In content implemented using markup languages, the purpose of User Interface Components, icons, and regions can be programmatically determined.
- 1.4.6 Contrast (Enhanced): Contrast ratio between text and background is at least 7:1
- 1.4.7 Low or No Background Audio: Audio is clear for listeners to hear
- 1.4.8 Visual Presentation: Offer users a range of presentation options
- 1.4.9 Images of Text (No Exception): Don't use images of text
- 2.1.3 Keyboard (No Exception): Accessible by keyboard only, without exception
- 2.2.3 No Timing: No time limits
- 2.2.4 Interruptions: Don't interrupt users
- 2.2.5 Re-authenticating: Save user data when re-authenticating
- (Nuevo) 2.2.6 Timeouts: Users are warned of the duration of any user inactivity that could cause data loss, unless the data is preserved for more than 20 hours when the user does not take any actions.
- 2.3.2 Three Flashes: No content flashes more than three times per second
- (Nuevo) 2.3.3 Animation from Interactions: Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed.
- 2.4.8 Location: Let users know where they are
- 2.4.9 Link Purpose (Link Only): Every link's purpose is clear from its text
- 2.4.10 Section Headings: Break up content with headings
- (Nuevo) 2.5.5 Target Size: Clickable targets are at least 44 by 44 pixels in size unless an alternative target of that size is provided, the target is inline (such as a link within a sentence), the target is not author-modified (such as a default checkbox), or the small target size is essential to the functionality.
- (Nuevo) 2.5.6 Concurrent Input Mechanisms: Web content does not restrict use of input modalities available on a platform except where the restriction is essential, required to ensure the security of the content, or required to respect user settings.
- 3.1.3 Unusual words: Explain any strange words
- 3.1.4 Abbreviations: Explain any abbreviations
- 3.1.5 Reading Level: Users with nine years of school can read your content
- 3.1.6 Pronunciation: Explain any words that are hard to pronounce
- 3.2.5 Change on Request: Don't change elements on your website until users ask
- 3.3.5 Help: Provide detailed help and instructions
- 3.3.6 Error Prevention (All): Reduce the risk of all input errors
Fuente: