In this lesson
- first
Principle 2 - Is the website operable
Guideline 2.1 Make all functionality available from a keyboard.
The following guidelines are covered by
- Do not use javascript for navigation links
- Use the a:active pseudoclass in stylesheets whenever you use a:hover (Lesson 10 section 2)
- Use OnFocus and OnBlur to replicate OnMouseOver and OnMouseOut
2.1.1 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. (Level A)
2.1.2 If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface. If it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away. (level A)
2.1.3 All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes. (Level AAA)
Guideline 2.2 Provide users enough time to read and use content.
The following guidelines are all covered if we create pages that allow the user to control events
2.2.1 For each time limit that is set by the content, either user has control, or the limit is essential, or the limit exceeds 20 hours (level A)
2.2.2 For moving, blinking, scrolling, or auto-updating information, user can stop, hide or pause the activity (level A)
2.2.3 Timing is not an essential part of the event or activity presented by the content, except for non-interactive synchronized media and real-time events. (Level AAA)
2.2.4 Interruptions can be postponed or suppressed by the user, except interruptions involving an emergency. (Level AAA)
2.2.5 When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating. (Level AAA)
Guideline 2.3 Do not design content in a way that is known to cause seizures.
2.3.1 Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds. (Level A )
2.3.2 Web pages do not contain anything that flashes more than three times in any one second period. (Level AAA)
Guideline 2.4 Provide ways to help users navigate, find content and determine where they are.
2.4.1 A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. (Level A)
- Use a "skip links" or "skip to content" anchor (Lesson 10 section 2)
2.4.2 Web pages have titles that describe topic or purpose. (Level A)
- Provide meaningful titles in the <head> section of each page (lesson 2 section 1)
2.4.3 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 (Level A)
- Structure content in a logical fashion (Lesson 2 section 1)
- Avoid using the tabindex attribute (Lesson 10 section 3)
2.4.4 The purpose of each link can be determined from the link text alone, or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general. (Level A)
- Use meaningful link text (Lesson 10 section 3)
2.4.5 More than one way is available to locate a Web page within a set of Web pages except where the Web Page is the result of, or a step in, a process. (Level AA)
- Provide a site map (Lesson 10 section 1)
- Provide navigation bars (Lesson 10 section 2)
2.4.6 Headings and labels describe topic or purpose. (Level AA)
- Section headings are meaningful (lesson 3 section 1)
- Labels for form controls are meaningful (Lesson 9 section 1)
2.4.7 Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA)
- Use the a:active pseudoclass in stylesheets whenever you use a:hover (Lesson 10 section 2)
2.4.8 Information about the user's location within a set of Web pages is available. (Level AAA)
- Provide a breadcrumb trail (Lesson 10 section 2)
2.4.9 A mechanism is available to allow the purpose of each link to be identified from link text alone, except where the purpose of the link would be ambiguous to users in general. (Level AAA)
- Use meaningful link text (Lesson 10 section 3)
2.4.10 Section headings (or similar) are used within the writing to organize the content. (Level AAA)
- Section headings are meaningful (lesson 3 section 1)