For the WCAG guidelines, we decided to follow the criteria based on the following list below. We decided to only implement the Level A Criteria because our current application has not been deployed yet and is still in its early stages of development. Each guideline contains criteria which checks to see if they are being followed, and, if they are not, with a note of what is being failed and its reasons.
Any guidelines which are not applicable have been crossed out.
-
Images, image buttons, and image map hotspots have appropriate, equivalent alternative text.
-
Images that are decorative or redundant are given empty alt text (alt="") or used as CSS backgrounds.
-
Complex images have alternative text in context or on a linked page.
-
Form buttons have descriptive values.
-
Inputs have appropriate accessible names.
-
Embedded multimedia is identified with accessible text.
-
Frames and iframes are titled appropriately.
[Passed/Failed]: Passed all criteria under 1.1.1 Non-text Content.
-
Descriptive transcripts are provided for non-live audio and non-live video (unless decorative).
-
Synchronised captions are provided for non-live video.
-
Descriptive transcript or audio description is provided for non-live video (if visual content is not in the audio).
[Passed/Failed]: Not Applicable.
-
Semantic markup is used appropriately for headings, regions, lists, and special text.
-
Tables are used for tabular data, and data cells are associated with headers.
-
Form inputs have associated text labels, and related controls are grouped with fieldset/legend.
- Reading and navigation order is logical and intuitive.
- Instructions do not rely on shape, size, visual location, or sound.
[Passed/Failed]: Passed all criteria under 1.3.1 Info and Relationships, 1.3.2 Meaningful Sequence and 1.3.3 Sensory Characteristics.
- Color is not the sole method of conveying information or distinguishing elements.
A mechanism is provided to stop, pause, or mute audio that plays automatically for more than 3 seconds.
[Passed/Failed]: Passed all criteria under 1.4.1 Use of Color.
- All page functionality is accessible via keyboard.
- Keyboard focus is never locked or trapped at a particular element.
[Passed/Failed]: Failed. Application does not completely rely on keyboard, requires cursor.
- Users can turn off, adjust, or extend any time limits (with exceptions).
- Users can pause, stop, or hide moving, blinking, or scrolling content lasting more than 5 seconds. Users can also pause or control dynamically updating content.
- Content does not flash more than 3 times per second unless it is small, low contrast, or not too red.
[Passed/Failed]: Passed all criteria under 2.3.1 Three Flashes or Below Threshold.
- A "skip" link is provided to skip navigation or repeated content.
- Pages have descriptive and informative titles.
- Focusable elements (links, form controls) are navigable in a logical, intuitive order.
- The purpose of links and buttons can be determined from their text or context.
[Passed/Failed]: Passed all criteria.
- All functionality that uses multipoint or path-based gestures can also be operated with a single pointer without path-based gestures.
- If a control can be activated by a pointer, activation is not triggered on the down-event.
- Components that include a visible text label also include that text as part of the accessible name.
- Functionality operated by device motion or user motion can also be operated by user interface components and can be disabled to prevent accidental actuation.
[Passed/Failed]:
- The default human language of each web page can be programmatically determined.
[Passed/Failed]:
- When any component receives focus, it does not initiate a change of context.
- Changing the setting of any user interface component does not automatically cause a change of context unless the user has been informed of this behaviour before using the component.
[Passed/Failed]:
- If an input error is detected, the item that is in error is identified, and the error is described to the user in text.
- Labels or instructions are provided when content requires user input.
[Passed/Failed]:
- For all user interface components (including form elements, links, and components generated by scripts), the name and role can be programmatically determined, states and properties can be set by user agents, and notification of changes to these items is available to user agents, including assistive technologies.
[Passed/Failed]: