Accessibility Project

Non-text Content

All non-text content that is presented to the user has a text alternative that serves the equivalent purpose [...].

Use of Color

Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

Contrast (Minimum)

The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:

• Large Text. Large-scale text and images of large-scale text have a contrast ratio of at least 3:1.
• Incidental. Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
• Logotypes. Text that is part of a logo or brand name has no contrast requirement.

Non-text Contrast

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.

Keyboard

All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints.

Focus Order

If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability.

Target Size (Enhanced)

The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when:

• The target is available through an equivalent link or control on the same page that is at least 44 by 44 CSS pixels;
• Inline. The target is in a sentence or block of text;
• User Agent Control. The size of the target is determined by the user agent and is not modified by the author;
• Essential. A particular presentation of the target is essential to the information being conveyed.

Target Size (Minimum)

The size of the target for pointer inputs is at least 24 by 24 CSS pixels, except where:

• Equivalent. The function can be achieved through a different control on the same page that meets this criterion;
• Inline. The target is in a sentence or its size is otherwise constrained by the line-height of non-target text;
• User Agent Control. The size of the target is determined by the user agent and is not modified by the author;
• Essential. A particular presentation of the target is essential or is legally required for the information being conveyed.

Labels or Instructions

Labels or instructions are provided when content requires user input.

Error Suggestion

If an input error is automatically detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content.

Name, Role, Value

For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies.