Contact
What are you interested in?
WCAG (Web Content Accessibility Guidelines).
The Web Content Accessibility Guidelines (WCAG) are the W3C's international standard for accessible digital content. They assign every requirement to one of four principles (perceivable, operable, understandable, robust) and define three conformance levels: A, AA and AAA. In practice, level AA under WCAG 2.2 is the benchmark.
WCAG (Web Content Accessibility Guidelines) — Explained in Detail
WCAG is structured hierarchically. At the top are four principles: content must be perceivable, operable, understandable and robust. Below them are guidelines as general goals, and below those the success criteria: testable statements that are either met or not. Each success criterion is assigned a level: A as the minimum, AA as the practical benchmark, AAA as the maximum, which is rarely achievable in full for entire websites. The versions build on each other: WCAG 2.0 appeared in 2008, WCAG 2.1 in 2018, and WCAG 2.2 has been a W3C Recommendation since October 2023. A next generation is being drafted, but it is a draft and not applicable in practice.
Level AA requires things that can be measured. Text contrast of at least 4.5:1, and at least 3:1 for large text and for the outlines of controls. Full keyboard operability without keyboard traps, with a visible focus. Meaningful alt text, captions for videos, a correct heading hierarchy, form fields with permanently visible labels and error messages that name the affected field and give a hint on how to correct it. WCAG 2.2 added target sizes of at least 24 by 24 CSS pixels, an alternative to dragging movements, consistently placed help and authentication that does not force people to memorise things.
A concrete case from practice that comes up almost every time: the enquiry form with a button in the accent colour. A bright signal green on a white background looks strong but does not reach 4.5:1 against white; white text on it fails, dark text on it passes. The same check applies to placeholder text in fields, disabled buttons and grey hint text. The solution is not to abandon the brand, but a second, darker variant of the same colour for text and outlines. Once such values are stored as a design token, they are checked once rather than again for every new page.
Conformance is declared per page and per process, not across a whole website in one sweep. Automated tools such as Lighthouse or axe, experience shows, find only part of the violations, because understandability, a meaningful order and appropriate alt text cannot be judged by a machine; manual testing with a keyboard and a screen reader remains necessary. To be honest about the limits: so-called overlay tools, which promise accessibility after the fact via a script, do not replace conformance; disability organisations mostly view them critically. The legal situation in Switzerland and the EU is covered in the entry Digital Accessibility.
Related Page
Digital AccessibilityIn-depth on the blog
Barrierefreies Webdesign — der Praxis-GuideFrequently Asked Questions About WCAG (Web Content Accessibility Guidelines)
As a rule, level AA under WCAG 2.2. Level A alone is not enough for any common legal or contractual benchmark, and level AAA can hardly be achieved consistently across complete websites, so it is rarely required. A sensible approach is to set AA as the binding requirement and adopt individual AAA criteria where they are easy to meet, such as higher contrast in body text.
WCAG 2.2 mainly adds criteria for people with motor and cognitive impairments: a minimum target size, an alternative to dragging movements, a more clearly visible keyboard focus, consistently placed help, no re-entry of information already provided and authentication without a memory test. One criterion on pointer-based parsing was removed. If you meet 2.1, you have covered most of the way.
No. Overlays are scripts that adjust an existing page in the browser after the fact, usually with contrast and font-size switches. They do not fix the causes: missing labels, a wrong heading structure and inoperable custom controls remain, and the overlay can interfere with them further. Conformance is created in the markup and the design, not in an extra layer loaded on top.
More Terms Starting with "W"
WebMCP (Web Model Context Protocol)
WebMCP is an open draft standard that lets a website expose its functions directly as tools for AI a...
WebP (Image Format)
WebP is a modern image format by Google that reduces JPEG and PNG images by 25–50% in file size — wi...
Web3 Marketing
Web3 Marketing describes marketing strategies based on decentralized technologies: blockchain, NFTs,...
Ready for Your Project?
Apply this knowledge to your website — DLM Digital will help you.