Enabling User Control

Include a "skip to main content" link at the top of a web page. (O)

Who does this assist?

This assists those using a keyboard (and potentially also a screen reader) to navigate through the links on a web page. A 'skip to main content' link allows user bypass repeated sections such as a sites main navigation links.

This links to Ensure that the user can navigate with a keyboard below.

Good Practice

The following image is a demonstrative example of the 'Skip to content' link used on the New Generation Technologies for Learning site's Technical Standards page.

In the following example the red arrow indicates the point in the page that the tabbing jumps to when the 'Skip to content' link is selected.

The technique for this requires linking to an element within the web page. W3C schools site provides tutorials on HTML Links (Opens in new window)) and a 'Try it Yourself' (Opens in new window) example to link to an element within a page.

Screen print of the New Generation Technologies for Learning Technical Stadards page including an arrow to indicate the position that a screen reader will focus on following the selection of the skip to content link.

Display error messages to users and ensure it's clear how to address the error (O)

Who does this assist?

This relates to web forms and submission of correctly formatted information.

"The error message should be as specific as possible. In the case of an unsuccessful form submission, re-displaying the form and indicating the fields in error is insufficient for some users to perceive that an error has occurred. Screen reader users, for example, will not know there was an error until they encounter one of the indicators. They may abandon the form altogether before encountering the error indicator, thinking that the page simply is not functional." W3C - Understanding WCAG 2.0 - Understanding SC 3.3.1 - Error Identification (Opens in new window)

Good Practice

"The identification and description of an error can be combined with programmatic information that user agents or assistive technologies can use to identify an error and provide error information to the user. For example, certain technologies can specify that the user's input must not fall outside a specific range, or that a form field is required.
It is perfectly acceptable to indicate the error in other ways such as image, color etc, in addition to the text description."
W3C - Understanding WCAG 2.0 - Understanding SC 3.3.1 - Error Identification (Opens in new window)

Ensure that the user can control their progress through your content manually – don't automatically progress them (O)

Good Practice

This requirement refers to time based media and users are given enough time to complete tasks on a site. The following is a good example of content controlled by the user:

Ensure that the user can navigate with a keyboard - the TAB order through a page should approximate the natural reading order of a page or the order in which a user should complete the activity (O)

Who does this assist?

This assists those using screen readers and/or keyboards.

Good Practice

The image below demonstrates a screen print of the WebAIM web site with the tab order highlighted. The tab order refers to the order in which a person can use a keyboard to tab through the links on a page.

The live site can be found at http://webaim.org/ (Opens in new window).

Demonstration of the tab order of the WebAIM web site.

Flashing text or banners should be avoided. If you use any content that flashes, don't allow the content to flash more than 3 times (O)

"Visual effects that flicker or produce a strobe-like effect may cause seizures in some individuals. Seizures induced by flickering or strobe-like effects are known as photoepileptic seizures. Seizures can be dangerous. Don't be responsible for causing them."
WebAIM: Creating Accesible Images - Graphics that Cause Seizures (Opens in new window)

If you cannot create an accessible resource, provide a link to an alternative accessible resource, which has equivalent information

Who does this assist?

This will assist any user that cannot access a resource.

Providing an equivalent text resource allows content to be changed into forms that user may need. These can include:

  • large print
  • braille
  • speech
  • symbols
  • or simpler language

WCAG 2.0 - Guideline 1.1 (Opens in new window)

Good Practice

Create an alternative accessible resource and provide a link it.

An example of this is Providing a transcript for all audio.

Test the site for accessibility with a range users as well as commonly used browsers and computers (R)

Who does this assist?

This will ensure that the web page or web content can be accessed by as many people as possible.

Good Practice

Desktop platforms:

Table 2 - Recommended test platforms for e-learning content of Desktop platforms specifies the recommendations for use in the Australian VET system in 2011.