For questions about using the Creating Accessible LibGuides resources or about web accessibility in general, contact email@example.com.
The majority of the criterion under coding relate to the overall setup of LibGuides, which is controlled by Admin. There are a few specific requirements for individual guide creation, which are listed in the checklist below.
Orientation (Level AA)
The orientation of content is not restricted to either portrait or landscape, unless the display orientation is essential.
*Note - Examples of necessary orientation include bank checks, music scores or projector slides.
Identify Input Purpose (Level AA)
The purpose of an input field (ie. on a form) can be determined using assistive technology. View a list of common Input Purposes for User Interface Components.
Identify Purpose (Level AAA)
Use correct markup language to identify the purpose of buttons, links, fields, etc. so user can determine the purpose using assistive technology.
Icons on a website use markup language so that users can substitute their own icon or vocabulary into the page.
Reflow (Level AA)
Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:
Exceptions are for content which need two-dimensional layout for usage or meaning.
*Note - Excepted content that requires two-dimensional layout include video games, data tables, maps, diagrams.
A site uses responsive design. When a person zooms in to over 300%, the layout is reflowed to one column. The user can read the content easily and does not have to scroll sideways to read.
Non-text Contrast (Level AA)
The contrast ratio for the following visual presentations must be 3:1 for neighbouring colors:
Content on Hover or Focus (Level AA)
When hovering with the mouse or focusing the pointer over content makes additional material becomes visible (popup), it should be:
Exception: The user agent can control these functions and not the author.
*Note - See examples of user agent control with the HTML title attribute.
*Note - Tool-tips, sub menus and non-modals are covered by this requirement.
Keyboard (Level A)
Content can be operated through a keyboard or 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 (ie. things that cannot be reasonably controlled by a keyboard).
*Note - There is a small class of input that is done with a pointing device that cannot be done from the keyboard in any known fashion without requiring an inordinate number of keystrokes (eg. handwriting). If a function cannot be done with a keyboard, the final input has an exception (eg. text input instead).
*Note - This requirement should not forbid or discourage providing mouse input or other input devices in addition to keyboard.
An application that uses drag and drop also supports "cut" and "paste" or form controls to move objects.
No Keyboard Trap (Level A)**
Using the keyboard to focus on a part of the page can be also be undone with only the keyboard. If moving away requires more than normal keyboard input (unmodified arrow or tab keys or other standard exit methods), the way to move away is clearly identified.
A Web application brings up a dialog box. At the bottom of the dialog are two buttons, Cancel and OK. When the dialog has been opened, focus is trapped within the dialog; tabbing from the last control in the dialog takes focus to the first control in the dialog. The dialog is dismissed by activating the Cancel button or the OK button.
**This is a non-interference requirement. See Conformance Requirement 5: Non-Interference
Keyboard (No Exception) (Level AAA)
The user can operate the entire website and all functions through the keyboard without requiring timings for individual keystrokes.
Character Key Shortcuts (Level A)
If keyboard shortcuts are used with letters, numbers, punctuation or symbols, then:
A mechanism is provided to allow users to disable character-key shortcuts. The character key shortcuts are not the only way to carry out these commands. A speech user disables the shortcuts and can prevent words that are picked up by the microphone from triggering single-key shortcuts.
Bypass Blocks (Level A)
If the same information is repeated on several different pages within a website, it can be skipped through a programmed command.
Multiple Ways (Level AA)
There is more than one way to locate a page within a website, unless the web page is the next step in a process.
Example: A menu and a search box.
Focus Visible (Level A) [Changed for WCAG 2.2]
A user using a keyboard for navigation has the option to see the keyboard focus indicator.
When text fields receive focus, a vertical bar is displayed in the field, indicating that the user can insert text, OR all of the text is highlighted, indicating that the user can type over the text.
Location (Level AAA)
The user can always figure out where they are located within a website (eg. breadcrumbs).
Focus Appearance (Minimum) (Level AA) [New for WCAG 2.2]
When the user has a keyboard focus indicator, the following must occur:
*Note - The 3:1 contrast ratio may not always apply to a pattern or gradient, as long as the minimum maintains this contrast.
*Note - The size of the visible boundary is used to measure if the control has a smaller boundary.
When links receive focus, an outline is displayed around the link that contrasts with the background adjacent to the link.
Focus Appearance (Enhanced) (Level AAA) [New to WCAG 2.2]
The keyboard focus indicator must have/be:
When text fields receive focus, an outline is displayed around the field, indicating that the input has focus.
Pointer Gestures (Level A)
All functions that use multipoint or path-based gestures for operation (eg. two finger pinch to zoom) can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.
*Note - This only applies to the web page itself and not related to the use of assistive technology.
A web site includes a map view that supports the pinch gesture to zoom into the map content. User interface controls offer the operation using plus and minus buttons to zoom in and out.
Pointer Cancellation (Level A)
If a single pointer can be used, at least one of the following are true:
*Note - Functions that act like a keyboard or numeric keypad are essential.
*Note - This applies to web pages that present pointer actions (no assistive technology required).
For interface elements that have a single tap or long press as input, the corresponding event is triggered when the finger is lifted inside that element.
Motion Actuation (Level A)
Functions triggered by moving a device (eg. shaking or tilting) or by gesturing towards the device (so that sensors like a camera can pick up and interpret the gesturing), can also be operated by more conventional user interface components, except when:
A user can choose an application setting which turns off Shake to Undo and other motion-activated features.
Target Size (Level AAA)
The size of the target for pointer inputs is at least 44 by 44 CSS pixels, except when:
Three buttons are on-screen and the touch target area of each button is 44 by 44 CSS pixels.
Pointer Target Spacing (Level AA) [New to WCAG 2.2]
For each target, there is an area with a width and height of at least 44 CSS pixels that includes it, and no other targets, except when:
Three buttons are on-screen and the target area of each button is 24 by 24 CSS pixels. Since the target size itself is 24 by 24 CSS pixels, no additional spacing is required, the Success Criterion passes.
Language of Page (Level A)
The human language of a webpage can be determined through assistive technology.
A Web page produced in Germany and written in HTML includes content in both German and English, but most of the content is in German. The default human language is identified as German (de) by the lang attribute on the HTML element.
Language of Parts (Level AA)
If a passage or phrase is in a different language than the webpage's language, this can be programmatically determined. It is not necessary to label different language for: proper names, technical terms, words of indeterminate language and vernacular. For example: when adding a passage in French on a page where English is the primary language, use HTML/ARIA to identify the portion that is in a different language.
In the sentence, "He maintained that the DDR (German Democratic Republic) was just a 'Treppenwitz der Weltgeschichte'," the German phrase 'Treppenwitz der Weltgeschichte' is marked as German. Depending on the markup language, English may either be marked as the language for the entire document except where specified, or marked at the paragraph level. When a screen reader encounters the German phrase, it changes pronunciation rules from English to German to pronounce the word correctly.
On Input (Level A)
If the user interacts with content it does not change the context unless the user is warned beforehand. The intent of this Success Criterion is to ensure that entering data or selecting a form control has predictable effects.
Changes of context are appropriate only when it is clear that such a change will happen in response to the user's action (eg. a link is labeled as 'opens in new window').
Individuals who are blind or have low vision may have difficulty knowing when a visual context change has occurred, such as a new window popping up. In this case, warning users of context changes in advance minimizes confusion when the user discovers that the back button no longer behaves as expected.
On Focus (Level A)
When any user interface component receives focus, it does not initiate a change of context.
Examples of changing context when a component receives focus include, but are not limited to:
Parsing (Level A)
In the code, all the commands are completely written with no missing tags, they are located within the correct nest structure, are not duplicated and have unique IDs, except in certain arts that allow this.
*Note - If the command tags are written incorrectly or are missing characters (I.e. closing angle bracket), they are not complete.
"Copyright © 2020 W3C® (MIT, ERCIM, Keio, Beihang). This software or document includes material copied from or derived from Web Content Accessibility Guidelines (WCAG) 2.2."