PRINCIPLE 1: PERCEIVABLE Flashcards
Information and user interface components must be presentable to users in ways they can perceive.
GUIDELINE 1.1
TEXT ALTERNATIVES
Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.
SUCCESS CRITERION 1.1.1
NON-TEXT CONTENT (A)
All non-text content that is presented to the user has a text alternative that serves the equivalent purpose.
GUIDELINE 1.2
TIME-BASED MEDIA
Provide alternatives for time-based media
GUIDELINE 1.3
ADAPTABLE
Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
SUCCESS CRITERION 1.3.1
INFO AND RELATIONSHIPS (A)
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
SUCCESS CRITERION 1.3.2
MEANINGFUL SEQUENCE (A) When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined.
SUCCESS CRITERION 1.3.3
SENSORY CHARACTERISTICS (A) Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components such as shape, color, size, visual location, orientation, or sound.
SUCCESS CRITERION 1.3.4
ORIENTATION (AA)
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.
SUCCESS CRITERION 1.3.5
IDENTIFY INPUT PURPOSE (AA)
The purpose of each input field collecting information about the user can be programmatically determined when:
- The input field serves a purpose identified in the Input Purposes for User Interface Components section; and
- The content is implemented using technologies with support for identifying the expected meaning for form input data.
GUIDELINE 1.4
DISTINGUISHABLE
Make it easier for users to see and hear content including separating foreground from background.
SUCCESS CRITERION 1.4.1
USE OF COLOUR (A)
SUCCESS CRITERION 1.4.2
AUDIO CONTROL (A)
SUCCESS CRITERION 1.4.3
CONTRAST MINIMUM (AA)
SUCCESS CRITERION 1.4.4
RESIZE TEXT (AA)
SUCCESS CRITERION 1.4.5
IMAGES OF TEXT (AA)
SUCCESS CRITERION 1.4.10
REFLOW (AA)
SUCCESS CRITERION 1.4.11
NON-TEXT CONTRAST (AA)
The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s):
- User Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author;
- Graphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
SUCCESS CRITERION 1.4.10
REFLOW (AA)
Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:
- Vertical scrolling content at a width equivalent to 320 CSS pixels;
- Horizontal scrolling content at a height equivalent to 256 CSS pixels;
Except for parts of the content which require two-dimensional layout for usage or meaning.
SUCCESS CRITERION 1.4.12
TEXT-SPACING (AA)
In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property:
- Line height (line spacing) to at least 1.5 times the font size;
- Spacing following paragraphs to at least 2 times the font size;
- Letter spacing (tracking) to at least 0.12 times the font size;
- Word spacing to at least 0.16 times the font size.
SUCCESS CRITERION 1.4.13
CONTENT ON HOVER OR FOCUS (AA)
Where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true:
- Dismissible: A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content;
- Hoverable: If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing;
- Persistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.