# wcag.dehl.net

> Plain-language explanations of all 86 success criteria of WCAG 2.2 (Web Content Accessibility Guidelines) in English and German, with practical tips, interactive demos, podcast, videos and a free accessibility checker. Explanations are summaries; the W3C Recommendation at https://www.w3.org/TR/WCAG22/ is the normative source.

WCAG 2.2 has 86 success criteria: 31 at Level A, 24 at Level AA and 31 at Level AAA. Criterion 4.1.1 Parsing was removed in WCAG 2.2. Every rule below links to a Markdown file with level, principle, explanation, how-to tip and sources.

## Tools and data

- [All rules in one file (English)](https://wcag.dehl.net/llms-full.txt): every explanation and tip, for use as context
- [Alle Regeln in einer Datei (Deutsch)](https://wcag.dehl.net/llms-full.de.txt): alle Erklärungen und Tipps
- [Data set (JSON)](https://wcag.dehl.net/wcag.json): all criteria with level, version, user groups and bilingual texts
- [Checker API (OpenAPI)](https://wcag.dehl.net/openapi.json): GET /api/scan?url=… returns accessibility findings for a public page as JSON
- [Accessibility checker](https://wcag.dehl.net/en/checker/): interactive report with fixes
- [Interactive demos](https://wcag.dehl.net/en/demos/): contrast checker, keyboard test, screen reader simulation and more
- [Podcast and videos](https://wcag.dehl.net/en/media/): with transcripts and captions, licensed CC BY 4.0
- [Accessible advertising concept](https://wcag.dehl.net/en/accessible-advertising/): 12 rules for ads that exclude no one
- [Sitemap](https://wcag.dehl.net/sitemap.xml)

## Rules (English)

- [1.1.1 Non-text Content (Level A)](https://wcag.dehl.net/en/wcag/1-1-1.md): Images, icons, charts and other non-text content need a text alternative that serves the same purpose. Purely decorative images are hidden from assistive technology.
- [1.2.1 Audio-only and Video-only (Prerecorded) (Level A)](https://wcag.dehl.net/en/wcag/1-2-1.md): An audio-only recording has a transcript. A video without sound has a text description or an audio track that explains what can be seen.
- [1.2.2 Captions (Prerecorded) (Level A)](https://wcag.dehl.net/en/wcag/1-2-2.md): Prerecorded videos with sound have captions. They show spoken words and important sounds, for example “[phone rings]”.
- [1.2.3 Audio Description or Media Alternative (Prerecorded) (Level A)](https://wcag.dehl.net/en/wcag/1-2-3.md): What can only be seen in a video must be available another way: as audio description or as a full text version of the video.
- [1.2.4 Captions (Live) (Level AA)](https://wcag.dehl.net/en/wcag/1-2-4.md): Live videos with sound also have captions that run in real time.
- [1.2.5 Audio Description (Prerecorded) (Level AA)](https://wcag.dehl.net/en/wcag/1-2-5.md): Prerecorded videos have audio description: a voice describes important visuals during pauses in the dialogue.
- [1.2.6 Sign Language (Prerecorded) (Level AAA)](https://wcag.dehl.net/en/wcag/1-2-6.md): Prerecorded videos with sound are also available with sign language interpretation. For many deaf people it is their first language.
- [1.2.7 Extended Audio Description (Prerecorded) (Level AAA)](https://wcag.dehl.net/en/wcag/1-2-7.md): If the pauses in the dialogue are too short for description, the video pauses briefly so there is enough time to describe.
- [1.2.8 Media Alternative (Prerecorded) (Level AAA)](https://wcag.dehl.net/en/wcag/1-2-8.md): Every video has a complete text version: everything said and everything shown. This especially helps deafblind people.
- [1.2.9 Audio-only (Live) (Level AAA)](https://wcag.dehl.net/en/wcag/1-2-9.md): Live audio without video, such as live radio or a live podcast, also has a real-time text version.
- [1.3.1 Info and Relationships (Level A)](https://wcag.dehl.net/en/wcag/1-3-1.md): What looks like a heading, list, table or form field must also be marked up that way in code. That is how assistive technology recognises structure.
- [1.3.2 Meaningful Sequence (Level A)](https://wcag.dehl.net/en/wcag/1-3-2.md): The order in the code makes sense. A screen reader reads in code order – not the way things are arranged on screen.
- [1.3.3 Sensory Characteristics (Level A)](https://wcag.dehl.net/en/wcag/1-3-3.md): Instructions do not rely only on shape, colour, size, position or sound. “Click the round button on the right” does not help someone who cannot see it.
- [1.3.4 Orientation (Level AA)](https://wcag.dehl.net/en/wcag/1-3-4.md): Content works in portrait and landscape. Some people have their device fixed to a wheelchair and cannot rotate it.
- [1.3.5 Identify Input Purpose (Level AA)](https://wcag.dehl.net/en/wcag/1-3-5.md): Form fields for personal data state in code what they expect. Then the browser can fill them in automatically.
- [1.3.6 Identify Purpose (Level AAA)](https://wcag.dehl.net/en/wcag/1-3-6.md): The purpose of regions, buttons and links can be determined from code. Tools can then show familiar symbols or hide what is not essential.
- [1.4.1 Use of Color (Level A)](https://wcag.dehl.net/en/wcag/1-4-1.md): Colour is never the only way to convey something. About one in twelve men has difficulty telling red from green.
- [1.4.2 Audio Control (Level A)](https://wcag.dehl.net/en/wcag/1-4-2.md): Sound that starts by itself and plays for more than 3 seconds can be paused or turned down. Otherwise it drowns out the screen reader.
- [1.4.3 Contrast (Minimum) (Level AA)](https://wcag.dehl.net/en/wcag/1-4-3.md): Text stands out clearly from its background: at least 4.5:1 for normal text and 3:1 for large text (24 px and up, or 18.66 px bold).
- [1.4.4 Resize Text (Level AA)](https://wcag.dehl.net/en/wcag/1-4-4.md): Text can be enlarged to 200% without losing content or functionality.
- [1.4.5 Images of Text (Level AA)](https://wcag.dehl.net/en/wcag/1-4-5.md): Text is real text, not a picture of text. Real text can be enlarged, recoloured and read aloud. Logos are exempt.
- [1.4.6 Contrast (Enhanced) (Level AAA)](https://wcag.dehl.net/en/wcag/1-4-6.md): For especially good readability: at least 7:1 for normal text and 4.5:1 for large text.
- [1.4.7 Low or No Background Audio (Level AAA)](https://wcag.dehl.net/en/wcag/1-4-7.md): Speech recordings have no background sounds or only very quiet ones – at least 20 decibels quieter than the speech.
- [1.4.8 Visual Presentation (Level AAA)](https://wcag.dehl.net/en/wcag/1-4-8.md): People can set up blocks of text so they are comfortable to read: their own colours, at most 80 characters per line, not justified, line spacing of at least 1.5, larger paragraph spacing, and 200% enlargement without sideways scrolling.
- [1.4.9 Images of Text (No Exception) (Level AAA)](https://wcag.dehl.net/en/wcag/1-4-9.md): Images of text are not used at all – except as pure decoration or where essential, such as a logo.
- [1.4.10 Reflow (Level AA)](https://wcag.dehl.net/en/wcag/1-4-10.md): At 320 CSS pixels wide (equal to 1280 pixels at 400% zoom) content can be read without scrolling in two directions. Exempt: content that needs two dimensions, such as data tables, maps and diagrams.
- [1.4.11 Non-text Contrast (Level AA)](https://wcag.dehl.net/en/wcag/1-4-11.md): Controls and important graphics need contrast too: at least 3:1 for input borders, icons, focus rings and chart lines.
- [1.4.12 Text Spacing (Level AA)](https://wcag.dehl.net/en/wcag/1-4-12.md): People can increase spacing without text being cut off or overlapping: line height 1.5 times, paragraph spacing 2 times, letter spacing 0.12 times and word spacing 0.16 times the font size.
- [1.4.13 Content on Hover or Focus (Level AA)](https://wcag.dehl.net/en/wcag/1-4-13.md): Tooltips and pop-up content that appear on hover or focus can be dismissed (Esc), stay when the pointer moves onto them, and do not vanish on their own.
- [2.1.1 Keyboard (Level A)](https://wcag.dehl.net/en/wcag/2-1-1.md): Everything can be operated with the keyboard alone. Many people do not use a mouse: because of paralysis, tremor, blindness – or simply because it is faster.
- [2.1.2 No Keyboard Trap (Level A)](https://wcag.dehl.net/en/wcag/2-1-2.md): Keyboard focus never gets stuck. Anyone who can tab into an area can also leave it with the keyboard.
- [2.1.3 Keyboard (No Exception) (Level AAA)](https://wcag.dehl.net/en/wcag/2-1-3.md): Truly everything works by keyboard – without the exceptions in rule 2.1.1, such as freehand drawing.
- [2.1.4 Character Key Shortcuts (Level A)](https://wcag.dehl.net/en/wcag/2-1-4.md): Shortcuts made of a single letter, digit or symbol can be turned off, changed, or are only active while the component has focus. Otherwise speech input or a slip triggers actions by accident.
- [2.2.1 Timing Adjustable (Level A)](https://wcag.dehl.net/en/wcag/2-2-1.md): Time limits can be turned off, adjusted or extended. Some people need much longer to read and type.
- [2.2.2 Pause, Stop, Hide (Level A)](https://wcag.dehl.net/en/wcag/2-2-2.md): Anything that starts moving, blinking or scrolling on its own, lasts more than 5 seconds and is shown alongside other content can be paused, stopped or hidden. The same goes for content that updates itself automatically. Motion is highly distracting.
- [2.2.3 No Timing (Level AAA)](https://wcag.dehl.net/en/wcag/2-2-3.md): There are no time limits at all. Exceptions are real-time events and media that simply play.
- [2.2.4 Interruptions (Level AAA)](https://wcag.dehl.net/en/wcag/2-2-4.md): Interruptions such as pop-ups and notifications can be postponed or turned off. Only emergencies may interrupt.
- [2.2.5 Re-authenticating (Level AAA)](https://wcag.dehl.net/en/wcag/2-2-5.md): If a session expires and people have to log in again, they lose no data and can continue where they left off.
- [2.2.6 Timeouts (Level AAA)](https://wcag.dehl.net/en/wcag/2-2-6.md): People are told in advance how much inactivity leads to data loss – unless data is kept for more than 20 hours.
- [2.3.1 Three Flashes or Below Threshold (Level A)](https://wcag.dehl.net/en/wcag/2-3-1.md): Nothing flashes more than three times per second – or the flashing is small and dim enough to stay below the thresholds. Strong flashing can trigger epileptic seizures – this can be life-threatening.
- [2.3.2 Three Flashes (Level AAA)](https://wcag.dehl.net/en/wcag/2-3-2.md): Nothing ever flashes more than three times per second – with no exception for small or dim areas.
- [2.3.3 Animation from Interactions (Level AAA)](https://wcag.dehl.net/en/wcag/2-3-3.md): Motion effects triggered by scrolling or clicking can be turned off. Parallax and zoom effects can cause dizziness and nausea.
- [2.4.1 Bypass Blocks (Level A)](https://wcag.dehl.net/en/wcag/2-4-1.md): Repeated areas such as navigation can be skipped. Nobody should press Tab 30 times on every page to reach the content.
- [2.4.2 Page Titled (Level A)](https://wcag.dehl.net/en/wcag/2-4-2.md): Every page has a title that describes its topic or purpose. It shows in the browser tab and is the first thing a screen reader announces.
- [2.4.3 Focus Order (Level A)](https://wcag.dehl.net/en/wcag/2-4-3.md): With the Tab key, focus moves in a sensible order – usually top to bottom and left to right.
- [2.4.4 Link Purpose (In Context) (Level A)](https://wcag.dehl.net/en/wcag/2-4-4.md): The link text – together with its surrounding sentence or paragraph – makes clear where the link goes.
- [2.4.5 Multiple Ways (Level AA)](https://wcag.dehl.net/en/wcag/2-4-5.md): There are at least two ways to find a page – for example navigation and search, or navigation and a sitemap. Pages that are a step in a process, such as checkout, are exempt.
- [2.4.6 Headings and Labels (Level AA)](https://wcag.dehl.net/en/wcag/2-4-6.md): Headings and labels clearly say what something is about. Screen reader users jump from heading to heading to skim a page.
- [2.4.7 Focus Visible (Level AA)](https://wcag.dehl.net/en/wcag/2-4-7.md): You can always see which element has keyboard focus. Without a visible focus, using a keyboard is like using a mouse without a pointer.
- [2.4.8 Location (Level AAA)](https://wcag.dehl.net/en/wcag/2-4-8.md): People can tell where they are within the website.
- [2.4.9 Link Purpose (Link Only) (Level AAA)](https://wcag.dehl.net/en/wcag/2-4-9.md): The link text makes sense entirely on its own – without the surrounding text. Screen readers can show links as a plain list.
- [2.4.10 Section Headings (Level AAA)](https://wcag.dehl.net/en/wcag/2-4-10.md): Longer content is organised into sections with headings.
- [2.4.11 Focus Not Obscured (Minimum) (Level AA)](https://wcag.dehl.net/en/wcag/2-4-11.md): The focused element is not completely hidden – for example by a sticky header, a cookie banner or a chat window.
- [2.4.12 Focus Not Obscured (Enhanced) (Level AAA)](https://wcag.dehl.net/en/wcag/2-4-12.md): The focused element is fully visible. No part of it is hidden.
- [2.4.13 Focus Appearance (Level AAA)](https://wcag.dehl.net/en/wcag/2-4-13.md): The focus indicator is large and strong enough: at least the size of a 2 pixel border around the element, with 3:1 contrast between focused and unfocused states.
- [2.5.1 Pointer Gestures (Level A)](https://wcag.dehl.net/en/wcag/2-5-1.md): Functions that need multi-finger or swipe gestures also work with a simple tap or click.
- [2.5.2 Pointer Cancellation (Level A)](https://wcag.dehl.net/en/wcag/2-5-2.md): An action fires on release, not on press. That way an accidental press can be cancelled by sliding away.
- [2.5.3 Label in Name (Level A)](https://wcag.dehl.net/en/wcag/2-5-3.md): The visible text of a control is also part of its name in code. Otherwise voice control fails: “Click Send” does not find the button.
- [2.5.4 Motion Actuation (Level A)](https://wcag.dehl.net/en/wcag/2-5-4.md): Functions triggered by shaking or tilting the device are also available as a button – and motion control can be turned off.
- [2.5.5 Target Size (Enhanced) (Level AAA)](https://wcag.dehl.net/en/wcag/2-5-5.md): Click and tap targets are at least 44 × 44 CSS pixels.
- [2.5.6 Concurrent Input Mechanisms (Level AAA)](https://wcag.dehl.net/en/wcag/2-5-6.md): People can switch between input methods at any time: touch, mouse, keyboard, stylus, voice.
- [2.5.7 Dragging Movements (Level AA)](https://wcag.dehl.net/en/wcag/2-5-7.md): Anything done by dragging can also be done with simple clicks. Dragging while holding is nearly impossible with a tremor or a mouth stick.
- [2.5.8 Target Size (Minimum) (Level AA)](https://wcag.dehl.net/en/wcag/2-5-8.md): Click and tap targets are at least 24 × 24 CSS pixels – or have enough spacing that you do not hit the neighbour by accident.
- [3.1.1 Language of Page (Level A)](https://wcag.dehl.net/en/wcag/3-1-1.md): The main language of the page is set in code. Only then does a screen reader use the right pronunciation – otherwise English sounds as if read by a German voice.
- [3.1.2 Language of Parts (Level AA)](https://wcag.dehl.net/en/wcag/3-1-2.md): Passages in a different language are also marked in code.
- [3.1.3 Unusual Words (Level AAA)](https://wcag.dehl.net/en/wcag/3-1-3.md): Jargon, idioms and unusual words are explained.
- [3.1.4 Abbreviations (Level AAA)](https://wcag.dehl.net/en/wcag/3-1-4.md): Abbreviations are expanded or explained.
- [3.1.5 Reading Level (Level AAA)](https://wcag.dehl.net/en/wcag/3-1-5.md): If text is harder to read than expected after about 9 years of school, there is a simpler version or a summary.
- [3.1.6 Pronunciation (Level AAA)](https://wcag.dehl.net/en/wcag/3-1-6.md): Where the meaning of a word depends on its pronunciation, the pronunciation is given.
- [3.2.1 On Focus (Level A)](https://wcag.dehl.net/en/wcag/3-2-1.md): Just because an element receives focus, nothing unexpected happens: no page change, no new window, no submit.
- [3.2.2 On Input (Level A)](https://wcag.dehl.net/en/wcag/3-2-2.md): Selecting or typing something does not automatically cause anything unexpected – unless people were told beforehand.
- [3.2.3 Consistent Navigation (Level AA)](https://wcag.dehl.net/en/wcag/3-2-3.md): Navigation that appears on several pages is in the same order everywhere.
- [3.2.4 Consistent Identification (Level AA)](https://wcag.dehl.net/en/wcag/3-2-4.md): Things with the same function are named and labelled consistently everywhere.
- [3.2.5 Change on Request (Level AAA)](https://wcag.dehl.net/en/wcag/3-2-5.md): Major changes happen only when someone triggers them – or they can be turned off. No automatic redirects, no unrequested new windows.
- [3.2.6 Consistent Help (Level A)](https://wcag.dehl.net/en/wcag/3-2-6.md): If help options such as contact details, chat or FAQs appear on several pages, they are in the same order relative to other content on each page.
- [3.3.1 Error Identification (Level A)](https://wcag.dehl.net/en/wcag/3-3-1.md): When input is wrong, text says which field is affected and what is wrong. A red border alone is not enough.
- [3.3.2 Labels or Instructions (Level A)](https://wcag.dehl.net/en/wcag/3-3-2.md): Every input has a visible label. If a specific format is required, it is stated beforehand.
- [3.3.3 Error Suggestion (Level AA)](https://wcag.dehl.net/en/wcag/3-3-3.md): Error messages do not just say something is wrong, they also say how to get it right.
- [3.3.4 Error Prevention (Legal, Financial, Data) (Level AA)](https://wcag.dehl.net/en/wcag/3-3-4.md): For important actions such as purchases, contracts, test answers or deleting data, people can review, correct or undo their input.
- [3.3.5 Help (Level AAA)](https://wcag.dehl.net/en/wcag/3-3-5.md): Help for inputs and tasks is available right where it is needed.
- [3.3.6 Error Prevention (All) (Level AAA)](https://wcag.dehl.net/en/wcag/3-3-6.md): For all forms – not just important ones – people can review, correct or undo their input.
- [3.3.7 Redundant Entry (Level A)](https://wcag.dehl.net/en/wcag/3-3-7.md): What someone has already entered in a process does not have to be typed again. It is pre-filled or offered for selection.
- [3.3.8 Accessible Authentication (Minimum) (Level AA)](https://wcag.dehl.net/en/wcag/3-3-8.md): Logging in does not require a memory or thinking test: no typing a password from memory, no puzzle – unless there is an alternative or help. Still allowed at this level: recognising objects or content you provided yourself.
- [3.3.9 Accessible Authentication (Enhanced) (Level AAA)](https://wcag.dehl.net/en/wcag/3-3-9.md): Logging in works with no memory or thinking task at all – not even recognising objects or personal pictures.
- [4.1.1 Parsing (Level A)](https://wcag.dehl.net/en/wcag/4-1-1.md): This rule was removed in WCAG 2.2. It required a few basics: properly closed and nested elements, no duplicate attributes and unique IDs. Modern browsers and assistive technology cope with such code errors; real problems are covered by other rules.
- [4.1.2 Name, Role, Value (Level A)](https://wcag.dehl.net/en/wcag/4-1-2.md): Every control tells assistive technology what it is called (name), what it is (role) and what state it is in (value) – for example “Menu, button, expanded”.
- [4.1.3 Status Messages (Level AA)](https://wcag.dehl.net/en/wcag/4-1-3.md): Messages such as “Saved”, “3 results” or “Added to cart” are announced by the screen reader without moving focus there.

## Regeln (Deutsch)

- [1.1.1 Nicht-Text-Inhalt (Stufe A)](https://wcag.dehl.net/de/wcag/1-1-1.md): Bilder, Icons, Diagramme und andere Nicht-Text-Inhalte brauchen eine Textalternative, die denselben Zweck erfüllt. Rein dekorative Bilder werden für Hilfsmittel versteckt.
- [1.2.1 Reine Audio- und Videoinhalte (aufgezeichnet) (Stufe A)](https://wcag.dehl.net/de/wcag/1-2-1.md): Für eine reine Tonaufnahme gibt es ein Transkript. Für ein Video ohne Ton gibt es eine Textbeschreibung oder eine Tonspur, die erklärt, was zu sehen ist.
- [1.2.2 Untertitel (aufgezeichnet) (Stufe A)](https://wcag.dehl.net/de/wcag/1-2-2.md): Aufgezeichnete Videos mit Ton haben Untertitel. Sie zeigen gesprochene Worte und wichtige Geräusche, zum Beispiel „[Telefon klingelt]“.
- [1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) (Stufe A)](https://wcag.dehl.net/de/wcag/1-2-3.md): Was im Video nur zu sehen ist, muss auch anders zugänglich sein: als Audiodeskription oder als vollständige Textfassung des Videos.
- [1.2.4 Untertitel (live) (Stufe AA)](https://wcag.dehl.net/de/wcag/1-2-4.md): Auch Live-Videos mit Ton haben Untertitel, die in Echtzeit mitlaufen.
- [1.2.5 Audiodeskription (aufgezeichnet) (Stufe AA)](https://wcag.dehl.net/de/wcag/1-2-5.md): Aufgezeichnete Videos haben eine Audiodeskription: Eine Stimme beschreibt in Sprechpausen, was Wichtiges zu sehen ist.
- [1.2.6 Gebärdensprache (aufgezeichnet) (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-2-6.md): Aufgezeichnete Videos mit Ton gibt es auch mit Übersetzung in Gebärdensprache. Für viele gehörlose Menschen ist sie die Erstsprache.
- [1.2.7 Erweiterte Audiodeskription (aufgezeichnet) (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-2-7.md): Wenn die Sprechpausen für eine Beschreibung zu kurz sind, hält das Video kurz an, damit genug Zeit für die Beschreibung bleibt.
- [1.2.8 Medienalternative (aufgezeichnet) (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-2-8.md): Zu jedem Video gibt es eine vollständige Textfassung: alles Gesprochene und alles Sichtbare. Das hilft besonders taubblinden Menschen.
- [1.2.9 Reiner Audioinhalt (live) (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-2-9.md): Auch für Live-Ton ohne Bild, etwa ein Live-Radio oder ein Live-Podcast, gibt es eine Textfassung in Echtzeit.
- [1.3.1 Info und Beziehungen (Stufe A)](https://wcag.dehl.net/de/wcag/1-3-1.md): Was optisch wie eine Überschrift, Liste, Tabelle oder ein Formularfeld aussieht, muss auch im Code so ausgezeichnet sein. Nur so erkennen Hilfsmittel die Struktur.
- [1.3.2 Bedeutungstragende Reihenfolge (Stufe A)](https://wcag.dehl.net/de/wcag/1-3-2.md): Die Reihenfolge im Code ergibt Sinn. Ein Screenreader liest in Code-Reihenfolge vor – nicht so, wie es auf dem Bildschirm angeordnet ist.
- [1.3.3 Sensorische Eigenschaften (Stufe A)](https://wcag.dehl.net/de/wcag/1-3-3.md): Anleitungen verlassen sich nicht nur auf Form, Farbe, Größe, Position oder Ton. „Klicke den runden Knopf rechts“ hilft nicht, wenn man ihn nicht sieht.
- [1.3.4 Ausrichtung (Stufe AA)](https://wcag.dehl.net/de/wcag/1-3-4.md): Inhalte funktionieren im Hoch- und im Querformat. Manche Menschen haben ihr Gerät fest am Rollstuhl montiert und können es nicht drehen.
- [1.3.5 Eingabezweck bestimmen (Stufe AA)](https://wcag.dehl.net/de/wcag/1-3-5.md): Formularfelder für persönliche Daten sagen im Code, was hinein soll. Dann kann der Browser sie automatisch ausfüllen.
- [1.3.6 Zweck bestimmen (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-3-6.md): Der Zweck von Bereichen, Knöpfen und Links ist im Code erkennbar. Hilfsmittel können dann zum Beispiel vertraute Symbole einblenden oder Unwichtiges ausblenden.
- [1.4.1 Benutzung von Farbe (Stufe A)](https://wcag.dehl.net/de/wcag/1-4-1.md): Farbe ist nie das einzige Mittel, um etwas mitzuteilen. Etwa jeder zwölfte Mann sieht Rot und Grün schlecht.
- [1.4.2 Audio-Steuerelement (Stufe A)](https://wcag.dehl.net/de/wcag/1-4-2.md): Ton, der von selbst startet und länger als 3 Sekunden läuft, lässt sich pausieren oder leiser stellen. Sonst übertönt er den Screenreader.
- [1.4.3 Kontrast (Minimum) (Stufe AA)](https://wcag.dehl.net/de/wcag/1-4-3.md): Text hebt sich deutlich vom Hintergrund ab: mindestens 4,5:1 bei normalem Text und 3:1 bei großem Text (ab 24 px oder 18,66 px fett).
- [1.4.4 Textgröße ändern (Stufe AA)](https://wcag.dehl.net/de/wcag/1-4-4.md): Text lässt sich auf 200 % vergrößern, ohne dass Inhalte oder Funktionen verloren gehen.
- [1.4.5 Bilder eines Textes (Stufe AA)](https://wcag.dehl.net/de/wcag/1-4-5.md): Text ist echter Text und kein Bild von Text. Echter Text lässt sich vergrößern, umfärben und vorlesen. Logos sind ausgenommen.
- [1.4.6 Kontrast (erhöht) (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-4-6.md): Für besonders gute Lesbarkeit: mindestens 7:1 bei normalem Text und 4,5:1 bei großem Text.
- [1.4.7 Leiser oder kein Hintergrund-Audioinhalt (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-4-7.md): In Sprachaufnahmen gibt es keine oder nur sehr leise Hintergrundgeräusche – mindestens 20 Dezibel leiser als die Sprache.
- [1.4.8 Visuelle Präsentation (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-4-8.md): Menschen können Textblöcke so einstellen, dass sie angenehm zu lesen sind: eigene Farben, höchstens 80 Zeichen pro Zeile, kein Blocksatz, Zeilenabstand mindestens 1,5-fach, größerer Absatzabstand und 200 % Vergrößerung ohne seitliches Scrollen.
- [1.4.9 Bilder eines Textes (keine Ausnahme) (Stufe AAA)](https://wcag.dehl.net/de/wcag/1-4-9.md): Bilder von Text kommen gar nicht vor – außer als reine Dekoration oder wenn es unbedingt nötig ist, etwa beim Logo.
- [1.4.10 Umbruch (Reflow) (Stufe AA)](https://wcag.dehl.net/de/wcag/1-4-10.md): Bei 320 CSS-Pixel Breite (das entspricht 1280 Pixel bei 400 % Zoom) muss niemand in zwei Richtungen scrollen, um Inhalte zu lesen. Ausgenommen sind Inhalte, die zwei Dimensionen brauchen, etwa Datentabellen, Karten und Diagramme.
- [1.4.11 Nicht-Text-Kontrast (Stufe AA)](https://wcag.dehl.net/de/wcag/1-4-11.md): Auch Bedienelemente und wichtige Grafiken brauchen Kontrast: mindestens 3:1 für Rahmen von Eingabefeldern, Icons, Fokusrahmen und Diagrammlinien.
- [1.4.12 Textabstand (Stufe AA)](https://wcag.dehl.net/de/wcag/1-4-12.md): Menschen können Abstände vergrößern, ohne dass Text abgeschnitten wird oder sich überlappt: Zeilenabstand 1,5-fach, Absatzabstand 2-fach, Zeichenabstand 0,12-fach und Wortabstand 0,16-fach der Schriftgröße.
- [1.4.13 Eingeblendete Inhalte bei Hover oder Fokus (Stufe AA)](https://wcag.dehl.net/de/wcag/1-4-13.md): Tooltips und Aufklapp-Inhalte, die bei Hover oder Fokus erscheinen, lassen sich schließen (Esc), bleiben stehen, wenn man mit der Maus darauf fährt, und verschwinden nicht von selbst.
- [2.1.1 Tastatur (Stufe A)](https://wcag.dehl.net/de/wcag/2-1-1.md): Alles lässt sich allein mit der Tastatur bedienen. Viele Menschen nutzen keine Maus: wegen einer Lähmung, eines Tremors, Blindheit – oder einfach, weil es schneller ist.
- [2.1.2 Keine Tastaturfalle (Stufe A)](https://wcag.dehl.net/de/wcag/2-1-2.md): Der Tastaturfokus bleibt nirgends stecken. Wer mit Tab in einen Bereich hineinkommt, kommt mit der Tastatur auch wieder heraus.
- [2.1.3 Tastatur (keine Ausnahme) (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-1-3.md): Wirklich alles funktioniert per Tastatur – ohne die Ausnahmen aus Regel 2.1.1, etwa für Freihandzeichnen.
- [2.1.4 Tastaturkürzel mit Zeichentasten (Stufe A)](https://wcag.dehl.net/de/wcag/2-1-4.md): Tastaturkürzel aus nur einem Buchstaben, einer Ziffer oder einem Zeichen lassen sich abschalten, ändern oder sind nur aktiv, solange das Element den Fokus hat. Sonst lösen Spracheingabe oder ein Verrutschen versehentlich Aktionen aus.
- [2.2.1 Zeiteinteilung anpassbar (Stufe A)](https://wcag.dehl.net/de/wcag/2-2-1.md): Zeitlimits lassen sich abschalten, anpassen oder verlängern. Manche Menschen brauchen zum Lesen und Tippen deutlich länger.
- [2.2.2 Pausieren, Stoppen, Ausblenden (Stufe A)](https://wcag.dehl.net/de/wcag/2-2-2.md): Was sich von selbst bewegt, blinkt oder scrollt, länger als 5 Sekunden läuft und neben anderem Inhalt steht, lässt sich pausieren, stoppen oder ausblenden. Dasselbe gilt für Inhalte, die sich automatisch aktualisieren. Bewegung lenkt stark ab.
- [2.2.3 Keine Zeiteinteilung (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-2-3.md): Es gibt überhaupt keine Zeitlimits. Ausnahmen sind echte Live-Ereignisse und Medien, die nun einmal ablaufen.
- [2.2.4 Unterbrechungen (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-2-4.md): Unterbrechungen wie Pop-ups und Benachrichtigungen lassen sich aufschieben oder abschalten. Nur Notfälle dürfen stören.
- [2.2.5 Erneute Authentifizierung (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-2-5.md): Wer nach Ablauf der Sitzung neu anmelden muss, verliert keine Daten und kann dort weitermachen, wo er war.
- [2.2.6 Zeitüberschreitungen (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-2-6.md): Menschen erfahren vorab, nach wie viel Untätigkeit Daten verloren gehen – außer die Daten bleiben länger als 20 Stunden erhalten.
- [2.3.1 Grenzwert von dreimaligem Blitzen oder weniger (Stufe A)](https://wcag.dehl.net/de/wcag/2-3-1.md): Nichts blitzt mehr als dreimal pro Sekunde – oder das Blitzen ist so klein und schwach, dass es unter den Grenzwerten bleibt. Starkes Blitzen kann epileptische Anfälle auslösen – das kann lebensgefährlich sein.
- [2.3.2 Drei Blitze (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-3-2.md): Es blitzt nie mehr als dreimal pro Sekunde – ganz ohne Ausnahme für kleine oder dunkle Flächen.
- [2.3.3 Animation durch Interaktionen (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-3-3.md): Bewegungseffekte, die durch Scrollen oder Klicken ausgelöst werden, lassen sich abschalten. Parallax und Zoom-Effekte können Schwindel und Übelkeit auslösen.
- [2.4.1 Blöcke umgehen (Stufe A)](https://wcag.dehl.net/de/wcag/2-4-1.md): Wiederkehrende Bereiche wie die Navigation lassen sich überspringen. Niemand muss auf jeder Seite 30-mal Tab drücken, um zum Inhalt zu kommen.
- [2.4.2 Seite mit Titel versehen (Stufe A)](https://wcag.dehl.net/de/wcag/2-4-2.md): Jede Seite hat einen Titel, der Thema oder Zweck beschreibt. Er steht im Browser-Tab und wird vom Screenreader zuerst vorgelesen.
- [2.4.3 Fokus-Reihenfolge (Stufe A)](https://wcag.dehl.net/de/wcag/2-4-3.md): Mit der Tab-Taste wandert der Fokus in einer sinnvollen Reihenfolge – in der Regel von oben nach unten und von links nach rechts.
- [2.4.4 Linkzweck (im Kontext) (Stufe A)](https://wcag.dehl.net/de/wcag/2-4-4.md): Aus dem Linktext – zusammen mit dem Satz oder Absatz drumherum – wird klar, wohin der Link führt.
- [2.4.5 Verschiedene Methoden (Stufe AA)](https://wcag.dehl.net/de/wcag/2-4-5.md): Es gibt mindestens zwei Wege, eine Seite zu finden – zum Beispiel Navigation und Suche oder Navigation und Sitemap. Ausgenommen sind Seiten, die ein Schritt in einem Ablauf sind, etwa im Bestellvorgang.
- [2.4.6 Überschriften und Beschriftungen (Stufe AA)](https://wcag.dehl.net/de/wcag/2-4-6.md): Überschriften und Beschriftungen sagen klar, worum es geht. Screenreader-Nutzende springen von Überschrift zu Überschrift, um eine Seite zu überfliegen.
- [2.4.7 Fokus sichtbar (Stufe AA)](https://wcag.dehl.net/de/wcag/2-4-7.md): Man sieht immer, welches Element gerade den Tastaturfokus hat. Ohne sichtbaren Fokus ist Tastaturbedienung wie Mausbedienung ohne Mauszeiger.
- [2.4.8 Position (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-4-8.md): Menschen erkennen, wo sie sich innerhalb der Website befinden.
- [2.4.9 Linkzweck (reiner Link) (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-4-9.md): Der Linktext ist schon für sich allein verständlich – ganz ohne den Text drumherum. Screenreader können Links als reine Liste anzeigen.
- [2.4.10 Abschnittsüberschriften (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-4-10.md): Längere Inhalte sind durch Überschriften in Abschnitte gegliedert.
- [2.4.11 Fokus nicht verdeckt (Minimum) (Stufe AA)](https://wcag.dehl.net/de/wcag/2-4-11.md): Das fokussierte Element ist nicht komplett verdeckt – zum Beispiel durch einen fest stehenden Kopfbereich, ein Cookie-Banner oder ein Chat-Fenster.
- [2.4.12 Fokus nicht verdeckt (erhöht) (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-4-12.md): Das fokussierte Element ist vollständig sichtbar. Kein Teil davon wird verdeckt.
- [2.4.13 Fokus-Erscheinungsbild (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-4-13.md): Der Fokusrahmen ist groß und kontrastreich genug: mindestens so groß wie ein 2 Pixel dicker Rahmen um das Element, mit einem Kontrast von 3:1 zwischen fokussiert und nicht fokussiert.
- [2.5.1 Zeigergesten (Stufe A)](https://wcag.dehl.net/de/wcag/2-5-1.md): Funktionen, die Mehrfinger- oder Wischgesten brauchen, gibt es auch als einfaches Tippen oder Klicken.
- [2.5.2 Zeigerabbruch (Stufe A)](https://wcag.dehl.net/de/wcag/2-5-2.md): Eine Aktion wird erst beim Loslassen ausgelöst, nicht schon beim Herunterdrücken. So lässt sich ein Fehlklick abbrechen: einfach wegziehen.
- [2.5.3 Beschriftung im Namen (Stufe A)](https://wcag.dehl.net/de/wcag/2-5-3.md): Der sichtbare Text eines Bedienelements steckt auch in seinem Namen im Code. Sonst funktioniert Sprachsteuerung nicht: „Klicke Senden“ findet den Knopf nicht.
- [2.5.4 Bewegungsaktivierung (Stufe A)](https://wcag.dehl.net/de/wcag/2-5-4.md): Funktionen, die durch Schütteln oder Neigen des Geräts ausgelöst werden, gibt es auch als Knopf – und die Bewegungssteuerung lässt sich abschalten.
- [2.5.5 Zielgröße (erhöht) (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-5-5.md): Klick- und Tippflächen sind mindestens 44 × 44 CSS-Pixel groß.
- [2.5.6 Gleichzeitige Eingabemechanismen (Stufe AAA)](https://wcag.dehl.net/de/wcag/2-5-6.md): Menschen können jederzeit zwischen Eingabearten wechseln: Touch, Maus, Tastatur, Stift, Sprache.
- [2.5.7 Ziehbewegungen (Stufe AA)](https://wcag.dehl.net/de/wcag/2-5-7.md): Alles, was man durch Ziehen erledigt, geht auch mit einfachen Klicks. Ziehen mit gedrückter Taste ist bei Tremor oder mit Mundstab kaum möglich.
- [2.5.8 Zielgröße (Minimum) (Stufe AA)](https://wcag.dehl.net/de/wcag/2-5-8.md): Klick- und Tippflächen sind mindestens 24 × 24 CSS-Pixel groß – oder haben so viel Abstand, dass man nicht versehentlich das Nachbarelement trifft.
- [3.1.1 Sprache der Seite (Stufe A)](https://wcag.dehl.net/de/wcag/3-1-1.md): Die Hauptsprache der Seite steht im Code. Nur dann liest ein Screenreader mit der richtigen Aussprache vor – sonst klingt Deutsch wie von einer englischen Stimme gesprochen.
- [3.1.2 Sprache von Teilen (Stufe AA)](https://wcag.dehl.net/de/wcag/3-1-2.md): Auch einzelne Textstellen in einer anderen Sprache sind im Code gekennzeichnet.
- [3.1.3 Ungewöhnliche Wörter (Stufe AAA)](https://wcag.dehl.net/de/wcag/3-1-3.md): Fachbegriffe, Redewendungen und ungewöhnliche Wörter werden erklärt.
- [3.1.4 Abkürzungen (Stufe AAA)](https://wcag.dehl.net/de/wcag/3-1-4.md): Abkürzungen werden aufgelöst oder erklärt.
- [3.1.5 Leseniveau (Stufe AAA)](https://wcag.dehl.net/de/wcag/3-1-5.md): Ist ein Text schwerer zu lesen als nach etwa 9 Schuljahren zu erwarten, gibt es eine einfachere Fassung oder eine Zusammenfassung.
- [3.1.6 Aussprache (Stufe AAA)](https://wcag.dehl.net/de/wcag/3-1-6.md): Wo die Bedeutung eines Wortes von der Aussprache abhängt, wird die Aussprache angegeben.
- [3.2.1 Bei Fokus (Stufe A)](https://wcag.dehl.net/de/wcag/3-2-1.md): Nur weil ein Element den Fokus bekommt, passiert nichts Unerwartetes: kein Seitenwechsel, kein neues Fenster, kein Absenden.
- [3.2.2 Bei Eingabe (Stufe A)](https://wcag.dehl.net/de/wcag/3-2-2.md): Eine Auswahl oder Eingabe löst nicht von selbst etwas Unerwartetes aus – außer es wurde vorher angekündigt.
- [3.2.3 Konsistente Navigation (Stufe AA)](https://wcag.dehl.net/de/wcag/3-2-3.md): Navigation, die auf mehreren Seiten vorkommt, steht überall in derselben Reihenfolge.
- [3.2.4 Konsistente Erkennung (Stufe AA)](https://wcag.dehl.net/de/wcag/3-2-4.md): Dinge mit gleicher Funktion sind überall einheitlich benannt und beschriftet.
- [3.2.5 Änderung auf Anfrage (Stufe AAA)](https://wcag.dehl.net/de/wcag/3-2-5.md): Größere Änderungen passieren nur, wenn jemand sie auslöst – oder sie lassen sich abschalten. Keine automatischen Weiterleitungen, keine ungefragt neuen Fenster.
- [3.2.6 Konsistente Hilfe (Stufe A)](https://wcag.dehl.net/de/wcag/3-2-6.md): Wenn Hilfe-Angebote wie Kontakt, Chat oder häufige Fragen auf mehreren Seiten vorkommen, stehen sie überall an derselben Stelle in der Reihenfolge der Seite.
- [3.3.1 Fehlererkennung (Stufe A)](https://wcag.dehl.net/de/wcag/3-3-1.md): Bei einem Eingabefehler wird in Textform gesagt, welches Feld betroffen ist und was falsch ist. Ein roter Rahmen allein reicht nicht.
- [3.3.2 Beschriftungen oder Anweisungen (Stufe A)](https://wcag.dehl.net/de/wcag/3-3-2.md): Jedes Eingabefeld hat eine sichtbare Beschriftung. Wenn ein bestimmtes Format nötig ist, steht das vorher da.
- [3.3.3 Fehlerempfehlung (Stufe AA)](https://wcag.dehl.net/de/wcag/3-3-3.md): Fehlermeldungen sagen nicht nur, dass etwas falsch ist, sondern auch, wie es richtig geht.
- [3.3.4 Fehlervermeidung (rechtliche, finanzielle, Daten) (Stufe AA)](https://wcag.dehl.net/de/wcag/3-3-4.md): Bei wichtigen Vorgängen wie Käufen, Verträgen, Prüfungsantworten oder dem Löschen von Daten kann man die Eingaben prüfen, korrigieren oder rückgängig machen.
- [3.3.5 Hilfe (Stufe AAA)](https://wcag.dehl.net/de/wcag/3-3-5.md): Zu Eingabefeldern und Aufgaben gibt es Hilfe direkt an Ort und Stelle.
- [3.3.6 Fehlervermeidung (alle) (Stufe AAA)](https://wcag.dehl.net/de/wcag/3-3-6.md): Bei allen Formularen – nicht nur bei wichtigen – kann man Eingaben prüfen, korrigieren oder rückgängig machen.
- [3.3.7 Redundante Eingabe (Stufe A)](https://wcag.dehl.net/de/wcag/3-3-7.md): Was jemand in einem Ablauf schon einmal eingegeben hat, muss er nicht noch einmal tippen. Es wird vorausgefüllt oder zur Auswahl angeboten.
- [3.3.8 Barrierefreie Authentifizierung (Minimum) (Stufe AA)](https://wcag.dehl.net/de/wcag/3-3-8.md): Die Anmeldung verlangt keinen Gedächtnis- oder Denktest: kein Passwort aus dem Kopf abtippen, kein Rätsel lösen – außer es gibt eine Alternative oder Hilfe. Erlaubt bleiben auf dieser Stufe: Objekte erkennen und selbst hochgeladene Bilder wiedererkennen.
- [3.3.9 Barrierefreie Authentifizierung (erhöht) (Stufe AAA)](https://wcag.dehl.net/de/wcag/3-3-9.md): Die Anmeldung kommt ganz ohne Gedächtnis- oder Denkaufgabe aus – auch ohne das Erkennen von Objekten oder eigenen Bildern.
- [4.1.1 Syntaxanalyse (Stufe A)](https://wcag.dehl.net/de/wcag/4-1-1.md): Diese Regel wurde mit WCAG 2.2 gestrichen. Sie verlangte korrekt geschlossene und verschachtelte Elemente, keine doppelten Attribute und eindeutige IDs. Heutige Browser und Hilfsmittel kommen mit solchen Code-Fehlern zurecht; echte Probleme decken andere Regeln ab.
- [4.1.2 Name, Rolle, Wert (Stufe A)](https://wcag.dehl.net/de/wcag/4-1-2.md): Jedes Bedienelement teilt Hilfsmitteln mit, wie es heißt (Name), was es ist (Rolle) und in welchem Zustand es ist (Wert) – zum Beispiel „Menü, Schalter, ausgeklappt“.
- [4.1.3 Statusmeldungen (Stufe AA)](https://wcag.dehl.net/de/wcag/4-1-3.md): Meldungen wie „Gespeichert“, „3 Treffer“ oder „In den Warenkorb gelegt“ werden vom Screenreader angesagt, ohne dass der Fokus dorthin springen muss.