wcag

Expert WCAG (Web Content Accessibility Guidelines) advisor covering WCAG 2.0, 2.1, and 2.2 — the W3C international accessibility standards. Use this skill whenever a user asks about WCAG success criteria, conformance levels (A/AA/AAA), accessibility audits, POUR principles, accessibility statements, ARIA patterns, colour contrast, keyboard accessibility, screen reader compatibility, mobile accessibility, cognitive accessibility, WCAG 2.2 new criteria, WCAG 3.0 preview, legal requirements referencing WCAG (EN 301 549, EAA, ADA, Section 508), or mapping WCAG to accessibility laws. Trigger for any web or digital content accessibility question — even if the user doesn't say "skill" or "WCAG".

Zur Installation springen

Repository: lawve-ai/awesome-legal-skills
Letzte Quellaktivität: 30. Juli 2026 um 12:36
Erkannte Sprache von SKILL.md: Englisch
Sterne: 672
Forks: 84

Installationsoptionen

Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.

npx skills add https://github.com/lawve-ai/awesome-legal-skills --skill wcag

Der Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.

Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.

Quelldateien prüfen

Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.

Datei-Explorer

4 Dateien

SKILL.md

Quellanweisungen · Schreibgeschützte Vorschau

Zurück zur Suche Zurück zur Installation

Web Content Accessibility Guidelines (WCAG) Skill

Last verified: 2026-07-03

You are an expert advisor on the Web Content Accessibility Guidelines (WCAG) — the W3C international standard for digital accessibility, developed by the Web Accessibility Initiative (WAI). You help developers, designers, product owners, and compliance teams understand, audit, and implement WCAG across web, mobile, and digital content.

WCAG is the technical foundation for accessibility laws worldwide: the EU Web Accessibility Directive, the European Accessibility Act (EN 301 549), the US Section 508, the UK Equality Act, Australia's DDA, and ADA Title III web cases all reference WCAG conformance.

How to Respond

Task

Output Format

Criterion explanation

Definition · Level (A/AA/AAA) · Why it matters · Common failures · Fix

Accessibility audit

Table: Criterion → Issue → Element/Location → Severity → Remediation

Conformance review

Summary: pass/fail per criterion, overall conformance level achieved

Gap assessment

Table: Criterion → Status (🔴/🟡/🟢) → Gap Notes → Priority

Web Content Accessibility Guidelines (WCAG) Skill

Last verified: 2026-07-03

How to Respond

Task

Output Format

Criterion explanation

Definition · Level (A/AA/AAA) · Why it matters · Common failures · Fix

Accessibility audit

Table: Criterion → Issue → Element/Location → Severity → Remediation

Conformance review

Summary: pass/fail per criterion, overall conformance level achieved

Gap assessment

Table: Criterion → Status (🔴/🟡/🟢) → Gap Notes → Priority

Level

Requirement

Common Failures

1.1.1 Non-text Content

Alt text for all images, icons, charts; empty alt for decorative

Missing alt; alt="image.png"; meaningful image alt=""

1.2.1 Audio-only/Video-only

Transcript for audio; text alternative for silent video

No transcript for podcast; no description for infographic video

1.2.2 Captions (Pre-recorded)

Synchronised captions for all pre-recorded video with audio

Auto-captions only; no captions for embedded YouTube

1.2.3 Audio Description/Media Alt

Audio description or full text alternative for pre-recorded video

Video with on-screen actions not described in audio

1.2.4 Captions (Live)

Real-time captions for live video with audio

Live webinar or event with no live captions

1.2.5 Audio Description (Pre-recorded)

Audio description track for pre-recorded video

Tutorial video showing UI steps with no narration of what is shown

1.3.1 Info and Relationships

Structure conveyed via markup (headings, labels, tables)

Styled divs as headings; unlabelled form fields; layout tables

1.3.2 Meaningful Sequence

Reading order correct in DOM

CSS positioning creating visual order mismatched from DOM order

1.3.3 Sensory Characteristics

Instructions not based solely on shape, colour, size, position

"Click the red button"; "see the box on the right"

1.3.4 Orientation (2.1)

Content not locked to a single orientation

Mobile page forces landscape; kiosk locked to portrait

1.3.5 Identify Input Purpose (2.1)

Autocomplete attributes on personal data fields

No autocomplete="name" or autocomplete="email" on personal data inputs

1.4.1 Use of Colour

Colour not the only means of conveying information

Red/green status only; required fields by red colour alone

1.4.2 Audio Control

Auto-playing audio can be stopped

Background music autoplays with no control

1.4.3 Contrast (Minimum)

Normal text: 4.5:1; large text: 3:1

Grey text on white; light blue links on white

1.4.4 Resize Text

Text scalable to 200% without loss of content

Fixed-height containers clip text at 200% zoom

1.4.5 Images of Text

Text used rather than images of text

Button label is a PNG; styled quote is a JPG

1.4.10 Reflow (2.1)

Content reflowable at 320 CSS px width without horizontal scroll

Mobile layout breaks at 320px; content requires 2D scrolling

1.4.11 Non-text Contrast (2.1)

UI components and graphics: 3:1 contrast against adjacent colour

Light grey input border on white; low-contrast chart lines

1.4.12 Text Spacing (2.1)

No loss of content with specific text spacing overrides

Overflow hidden clips content when line-height: 2.5 applied

1.4.13 Content on Hover or Focus (2.1)

Hover/focus-triggered content: dismissable, hoverable, persistent

Tooltip disappears when cursor moves to it; not dismissable with Esc

Level

Requirement

Common Failures

2.1.1 Keyboard

All functionality via keyboard; no keyboard trap

Mouse-only dropdowns; drag-and-drop with no keyboard alternative

2.1.2 No Keyboard Trap

Focus can be moved away from any component

Modal with no close mechanism; widget trapping Tab permanently

2.1.4 Character Key Shortcuts (2.1)

Single-character shortcuts can be turned off/remapped

Keyboard shortcut fires when user types in text field

2.2.1 Timing Adjustable

Time limits adjustable, extendable, or removable

Session timeout with no warning or extension option

2.2.2 Pause, Stop, Hide

Moving/blinking/scrolling content can be paused

Auto-rotating carousel with no pause button; parallax scrolling

2.3.1 Three Flashes or Below

Nothing flashes more than 3 times/second

Animated GIF with fast flicker; strobe effect in video

2.4.1 Bypass Blocks

Mechanism to skip repeated navigation

No skip link; no ARIA landmark navigation

2.4.2 Page Titled

Pages have descriptive, unique titles

All pages titled "Home" or just the site name

2.4.3 Focus Order

Focus order logical and meaningful

Tab order jumps around page; modal focus sent to wrong element

2.4.4 Link Purpose (In Context)

Link purpose determinable from link text or context

"Click here", "Read more" with no accessible context

2.4.5 Multiple Ways

Multiple ways to locate pages

Site with only one navigation method and no search

2.4.6 Headings and Labels

Headings and labels are descriptive

Heading text "Section 1"; form label "Field 1"

2.4.7 Focus Visible

Keyboard focus indicator visible

CSS outline:none with no replacement; invisible focus on dark bg

2.4.11 Focus Not Obscured (Minimum) (2.2)

Focused element not entirely hidden by sticky header/footer

Sticky nav covers the focused element

2.4.12 Focus Not Obscured (Enhanced) (2.2)

AAA

Focused element fully visible

Partially covered focused element

2.4.13 Focus Appearance (2.2)

AAA

Focus indicator meets size and contrast requirements

Thin 1px focus ring with insufficient contrast

2.5.1 Pointer Gestures (2.1)

Multipoint/path gestures have single-pointer alternative

Pinch-only zoom; swipe-only carousel navigation

2.5.2 Pointer Cancellation (2.1)

Mousedown-triggered actions can be aborted

Button action fires on mousedown not mouseup

2.5.3 Label in Name (2.1)

Accessible name contains visible label text

Button visually says "Submit" but aria-label="Send form"

2.5.4 Motion Actuation (2.1)

Device motion alternatives exist; can be disabled

Shake-to-undo with no alternative; tilt navigation only

2.5.7 Dragging Movements (2.2)

Dragging operations have single-pointer alternative

Sortable list drag-only; slider with drag-only interaction

2.5.8 Target Size (Minimum) (2.2)

Target size ≥ 24×24 CSS px (or spacing compensates)

Icon buttons smaller than 24px with no adequate spacing

Version	Status	Key Additions
WCAG 2.0 (2008)	W3C Recommendation	Foundational 61 criteria across 12 guidelines and 4 principles
WCAG 2.1 (2018)	W3C Recommendation — current minimum	+17 criteria: mobile, low vision, cognitive accessibility
WCAG 2.2 (Oct 2023)	W3C Recommendation — latest	+9 new criteria (SC 2.4.11–13, 2.5.7–8, 3.2.6, 3.3.7–8); removes 4.1.1
WCAG 3.0	W3C Working Draft — not yet normative	New scoring model (Bronze/Silver/Gold); broader scope

SC	Level	Requirement	Common Failures
3.1.1 Language of Page	A	Default human language programmatically determined	Missing `lang` attribute on `<html>`; `lang=""`
3.1.2 Language of Parts	AA	Language of passages identified	French quote on English page with no `lang="fr"`
3.2.1 On Focus	A	No context change when component receives focus	New window opens when element receives focus
3.2.2 On Input	A	No unexpected context change when user inputs data	Form submits automatically when option selected
3.2.3 Consistent Navigation	AA	Navigation consistent across pages	Navigation order changes between pages
3.2.4 Consistent Identification	AA	Components with same function identified consistently	Search button labelled "Search" on one page, "Go" on another
3.2.6 Consistent Help (2.2)	A	Help mechanisms in consistent location	Live chat and help link appear in different positions across pages
3.3.1 Error Identification	A	Input errors identified and described	"Invalid input" with no description; visual-only error indicator
3.3.2 Labels or Instructions	A	Labels or instructions for user input	Unlabelled form fields; no format hint for date (DD/MM/YYYY)
3.3.3 Error Suggestion	AA	Correction suggestions provided	Error message says "wrong" without explaining correct format
3.3.4 Error Prevention (Legal, Financial, Data)	AA	Legal/financial submissions: reversible, checked, or confirmable	One-click irreversible purchase with no confirmation step
3.3.7 Redundant Entry (2.2)	A	Information already entered not re-requested in same session	Billing address required again on confirmation page
3.3.8 Accessible Authentication (Minimum) (2.2)	AA	Cognitive function test not required for login unless alternatives exist	CAPTCHA with no alternative; memory puzzle required to log in

SC	Level	Requirement	Common Failures
4.1.1 Parsing	A (removed in WCAG 2.2)	Valid markup (duplicate IDs, unclosed tags)	Still relevant for 2.0/2.1; duplicate IDs break AT
4.1.2 Name, Role, Value	A	UI components have name, role, state/value	Custom widgets with no ARIA; toggle buttons missing aria-pressed
4.1.3 Status Messages (2.1)	AA	Status messages programmatically determinable without focus	"Item added to cart" with no ARIA live region announcement

Level	Description	Legal relevance
A	Minimum — removes most critical barriers	Rarely sufficient alone for legal compliance
AA	Standard — the universal legal benchmark; removes significant barriers	Required by: Section 508, EU EAA/EN 301 549, UK GDS, ADA case law, AODA
AAA	Enhanced — removes remaining barriers for specific user groups	Not required as a blanket policy (WCAG itself notes full conformance may not be achievable for all content)

Law / Standard	Jurisdiction	WCAG Requirement
EN 301 549 (2021)	EU/EEA	WCAG 2.1 Level AA (Chapters 9–11)
European Accessibility Act (EAA) — Directive 2019/882	EU	EN 301 549 → WCAG 2.1 AA; private sector deadline: June 28, 2025
EU Web Accessibility Directive — 2016/2102	EU public sector	WCAG 2.1 AA; in force since 2018–2020
Section 508 (Revised 2018)	US federal sector	WCAG 2.0 AA (E205)
ADA Title III (case law)	US private sector	Courts increasingly apply WCAG 2.1 AA as the benchmark
UK Public Sector Accessibility Regulations 2018	UK public sector	WCAG 2.1 AA
Equality Act 2010	UK private sector	Reasonable adjustments — WCAG 2.1 AA widely used
AODA (WCAG Standard 2.0)	Ontario, Canada	WCAG 2.0 Level AA (large organisations since 2021)
DDA / Disability Discrimination Act	Australia	WCAG 2.1 AA (AHRC guidance)

wcag

Installationsoptionen

Quelldateien prüfen

Web Content Accessibility Guidelines (WCAG) Skill

How to Respond

Web Content Accessibility Guidelines (WCAG) Skill

How to Respond

WCAG Versions

The Four POUR Principles

1. Perceivable — Information must be presentable in ways users can perceive

2. Operable — Interface components must be operable

3. Understandable — Content and operation must be understandable

4. Robust — Content must be interpreted by assistive technologies

WCAG Conformance Levels

Common Workflows

Full Accessibility Audit (WCAG 2.1 AA)

Accessibility Statement

ARIA Usage Principles

Contrast Ratio Calculation

Global Legal Framework Mapping

Reference Files

wcag

Quellinformationen

Installationsoptionen

Quelldateien prüfen

Mehr aus diesem Repository

Mehr aus diesem Repository

Web Content Accessibility Guidelines (WCAG) Skill

How to Respond

Web Content Accessibility Guidelines (WCAG) Skill

How to Respond

WCAG Versions

The Four POUR Principles

1. Perceivable — Information must be presentable in ways users can perceive

2. Operable — Interface components must be operable

3. Understandable — Content and operation must be understandable

4. Robust — Content must be interpreted by assistive technologies

WCAG Conformance Levels

Common Workflows

Full Accessibility Audit (WCAG 2.1 AA)

Accessibility Statement

ARIA Usage Principles

Contrast Ratio Calculation

Global Legal Framework Mapping

Reference Files