The Web Content Accessibility Guidelines subsist of 12 guidelines, subdivided into four basic principles. While the WCAG principles define the basis for accessible web usage, the guidelines give web developers, authors, and designers clear instructions that need to be taken into account for the creation of accessible content with a certain level of compliance. We provide a brief summary of these guidelines below.
According to the WCAG principles, accessible web pages feature content that is optimally perceivable, usable, understandable, and robust. The principles can be implemented as follows:
- Perceptibility: For optimal web usability, you should present content so that it’s perceivable by all internet users. The WCAG guideline on improving perceptibility for web content reads:
1.1 Text alternatives: A text-based alternate presentation makes it possible to transfer non-text content into other forms, such as capital letters, Braille, symbols, or simplified language. The guideline for text alternatives only requires that for all non-text content such as videos, photos, or graphics on a website, there should be alternative descriptions based on text or subtitles. The following exceptions apply:
- If non-text content is a control element, time-based medium, test, or sensory element that serves a particular sensory experience, a descriptive alternate text should be available that at least enables the identification of the non-text content.
- For image- or sound-based CAPTCHAs, an alternate text must be available that describes the function of the non-text content. Alternate forms of the CAPTCHA with different output formats should be offered.
- Purely decorative elements aren’t provided with alternate texts and should be implemented in such a way that they’re ignored by assistive devices such as screen readers.
The success criteria are under compliance level A.
1.2 Multimedia content: The website provides alternate presentation forms for time-based media (i.e. audio and video content).
The guideline regarding alternative formats for time-based media includes rules for media alternatives for audio tracks and videos, as well as for synchronized media content in which the simultaneous perception of picture and sound along with other forms of presentation is indispensable for the experience of web page contents. Depending on the desired compliance level, descriptive texts, audio descriptions, subtitles, transcriptions, and sign language are available as media alternatives. This guideline covers 9 success criteria for compliance levels A, AA, and AAA.
1.3 Adaptability: The content of the website can be transferred into alternative display forms without any loss (simple layout).
The guideline for adaptability includes rules for alternative presentations for information given as a result of the structure of the website content, the reading sequence, or sensory properties such as shape, size, position, and orientation. The goal here is to make this information accessible to people with disabilities through the use of media alternatives such as descriptions in text form or software-based preparation for assistance systems. This guideline covers 3 success criteria for compliance level A.
1.4 Distinctiveness: Content is created in such a way that it’s visually and acoustically distinct from other content (color, font size, contrast, discreet background).
This guideline for distinctiveness includes rules for visual representation of website content. Specifications are related to the color scheme, contrast ratio of text and image elements to the background, text size, and scalability, as well as text block layouts. In addition, further requirements are defined for websites that work with audio content in the background. This guideline covers 9 success criteria for compliance levels A, AA, and AAA.
Usability: For accessible web content, the user interface should be designed in such a way that all internet users are able to access the desired information. The usability of web offers can be optimized using the following guidelines.
2.1 Accessibility via keyboard: For the best possible web usability, all contents and functionalities are accessible by keyboard.
The guideline for accessibility via keyboard defined the keyboard as the primary user interface. Other operation options such as control via mouse, trackball, or touchpad aren’t required. Keyboard traps to avoid are web pages that can be accessed via the keyboard but can’t be closed using only keystrokes (i.e., ESC). If keyboard traps (for example, in the form of an embedded Flash video) can only be navigated by means of special, uncommon key combinations, then users need to be informed of this possibility. This guideline covers 3 success criteria for compliance levels A and AAA.
2.2 No time pressure: Users are given sufficient time for interaction to read and use web content.
People with disabilities often need more time to interact with website content or carry out actions such as entering information. The guideline for time-based content makes sure that these users can also interact with the website without the content unexpectedly changing. Specifications in the framework of this guideline include mechanisms that allow for individual time management by disabling, modifying, or pausing automatic updates or time limits. This guideline covers 5 success criteria for compliance levels A and AAA.
2.3 Minimize seizure risks: All web content is designed to minimize any possible risk of seizures due to visual stimuli.
The guideline for seizure risks defines thresholds for visual stimuli that can lead to seizures. It specifies two success criteria for compliance levels A and AAA.
2.4 Navigation: The website provides users with means for easy navigation.
The guideline for navigation covers success criteria that should enable people with disabilities to identify their position with a website, find content, or skip to sections of content that are repeated on different websites of a domain. The specifications for accessible navigation refer to meta-titles, descriptions, link text, access to web pages, and headings and captions for text sections, as well as keyboard focus. The guidelines for navigation cover 10 success criteria for compliance levels A and AA.
- Intelligibility: Web content should be designed in such a way that the contained information, as well as the operation, is understandable. Web developers and authors can achieve optimal intelligibility using the following guidelines.
3.1 Readability: An optimal accessibility to web offers requires readable and understandable content. The guideline for readability covers rules specifying how linguistic elements should be characterized and enriched with additional information in order to ensure optimal content accessibility. The success criteria define specifications for language versions, unusual words, abbreviations, and ambiguities, as well as reading level. All told, the WCAG gives 6 criteria for readability under compliance levels A, AA, and AAA.
3.2 Predictability: The behavior of functional and interactive web page elements always remains predictable.
To ensure good intelligibility, a website should be predictable. In this respect, the guideline for predictability defines specifications focused on web page elements, automatic content updates, and navigation. The proposed success criteria are under compliance levels A, AA, and AAA.
3.3 Accessibility tools: Easily accessible websites help visitors to avoid errors by automatically correcting them using accessibility tools.
The guideline for accessibility tools covers specifications for automatic error detection, help texts, and labeling of input fields, as well as input mechanisms for legally relevant data or financial transactions. Website operators have six success criteria available for compliancy levels A, AA, and AAA.
- Robustness: The WCAG principle of robustness refers to the compatibility of web content. To ensure easy accessibility, it should be designed in such a way that content can be processed reliably by the majority of agents used (web browsers, assisting output devices, etc.). Website operators can find corresponding specifications in the compatibility guidelines:
4.1 Compatibility: Compatibility with current and future technology is ensured with the consistent application of specific web standards. An accessible website can be analyzed in an optimal way. The basic prerequisite for this is that the implementation of content using markup languages like HTML is complete and error-free, according to the respective specifications. This includes gap-free recognition of all components of the user interface (such as links, forms, or components generated by scripts) so that their type and function can be read out on the software side. The guidelines for compatibility cover 2 success criteria for compliance level A.