Accessibility

Accessible Webforms

Webform Tips

  1. Try to use the appropriate field type for each piece fo data you are collecting.
    • For example, use the email field when capturing an e-mail address instead of a text field.
    • It is recommended that phone numbers (and if necessary, student numbers) should be captured using a text field. This is due to how some browsers render the number field type making mistakes easy to make.

Accessible Tables

Table Tips

  1. Avoid tables for non-tabular data (i.e. Don't use tables for layouts).
    • Screen readers will read cells left to right, top to bottom. See Example 1.
    • If you're using a table for non-tabular data, the cells should make sense when read in the order outlined in Example 1.
  2. For tabular data, you should always include a header row or column. Within the context of the RTE, this is defined when creating a new table.

Accessible Navigation and Links

Navigation and Link Tips

  1. Try to give all your pages a navigation link in the main menu (where it makes logical sense).
    • This will generate the breadcrumb trail that will allow users to go back to parent pages if they are on the wrong page.
  2. Avoid having links open in a new window.

Accessible Text, Headings and Documentation

Tips for Creating Accessible Text, Headings and Documentation

  1. Avoid writing in all capitals. This slows down reading speed and makes it difficult for some users to read your text. You may be trying to emphasize something using all-caps, but the end result is making that item harder to read.
  2. All headings should be used hierarchically. They should not be used to obtain a certain visual style.
  3. Headings should only go down one level, or back up to a previous, higher level.

Accessible Images and Multimedia

Image and Multimedia Tips

  1. For all images, ensure that you have sufficient alternative text or alt-text.
    • Alt-text should convey all the essential information conveyed by an image / the purposes of the image to someone who is unable to see the image;
    • It should not begin with "An image of...", "a picture of...". Simply provide a description of the image as presented; and,
Subscribe to RSS - Accessibility