Accessibility options and features

Scope

Due to the specific nature of this mini-site there are materials here which are purposely not accessible.
There are examples of what not to do as well as implemented fixes.

Here are the details of the accessible design features used (mostly) on this site.

Browser text-size adjustments

The text on this web site has been designed to allow you to use browser controls to resize it to whatever size works best for you.

Firefox (Windows & Mac):
The control and the plus key together increases the font size. Control minus decreases the font size.
Internet Explorer (Windows):
From the menu bar select View > Text Size, and choose a suitable text size.
Netscape and Mozilla (Windows):
From the menu bar select View > Text Zoom, and choose a suitable text size.
Opera (Windows):
From the menu bar select View > Zoom, and choose a suitable page magnification.
Safari (Mac):
From the menu bar select View > Make Text Bigger, and increase to a suitable text size.
Internet Explorer (Mac):
From the menu bar select View > Text Size, and choose a suitable text size.
Netscape & Mozilla (Mac):
From the menu bar select View > Text Zoom, and choose a suitable text size.
Opera (Mac) users:
From the menu bar select View > Zoom, and choose a suitable page magnification.

The site is viewable up to 200% with little degradation.

Access keys

Most browsers support jumping to specific links by typing keys defined on the web site. On Windows, you can press ALT + an access key then enter; on Macintosh, you can press Control + an access key, then enter.

All pages on this site define the following access keys:
Accesskey Action Taken
1 Returns to the workshop home page
3 Goes to the workshop site-map
8 Goes to the copyright statement page
9 Shortcut to the contact details page (email, feedback form, post or phone)
0 Goes to the accessibility options and statement (This page)
S Skip straight to the pages content area.
P Return to the top of the page

Navigation aids

  1. Many links have title attributes which describe the link in greater detail, unless the text of the link already fully describes the target (such as the headline of an article).
  2. Titles are also used to differentiate between links that have the same visible text, such as "More" or "Activity".
  3. There are no JavaScript pseudo-links. All links can be followed in any browser, even if scripting is turned off.
  4. There are no links that open new windows without warning either in the body text or via a title attribute on the link.

Visual design

  1. This site uses cascading style sheets for visual layout.
  2. This site uses only relative font sizes, compatible with the user-specified "text size" option in visual browsers.
  3. The page design will hold to 200% magnification above which I would suggest switching the style sheet off.
  4. If your browser or browsing device does not support style sheets, the content of each page is still readable and navigable.
  5. With style sheets switched off you are presented with an almost text-only version of the page.

Images

  1. All content images used in this site include descriptive alt attributes. Except in learning materials where user interaction is expected to select an appropriate text equivalent
  2. Images used purely for decoration are coded as background images through CSS and therefore do not appear in the XHTML mark-up at all.
  3. Complex images include LONGDESC attributes or inline descriptions to explain the significance of each image to non-visual readers. Again except where it is an activity to learn how-to.

Standards compliance

All pages are accessible and compliant as possible given the nature of the site (teaching accessibility). Consequently there are specific activities which are designed to be inaccessible in some shape or form.

  1. Most pages on this site is WCAG A approved, complying with all priority 1 guidelines of the W3C Web Content Accessibility Guidelines. A judgment call; many guidelines are intentionally vague and can not be tested automatically. I have reviewed all the guidelines and believe that these pages are compliant.
  2. Most pages on this site validate as XHTML 1.0 Strict. This is not a judgment call; a program can determine with 100% accuracy whether a page is valid XHTML. For example, check this page for XHTML validity.
  3. Most pages on this site use structured semantic markup. The first heading (h1) is the site name and function the second the content title and subsequent headings h2 to h6 are used in the correct order for sub-headings.

JavaScript usage

This site uses JavaScript in order to improve functionality and usability. The site is fully usable and navigable with JavaScript off.

There may be specific activities which are inaccessible in order to show more accessible methods

Acronyms and abbreviations

Due to its technical nature, this site makes use of many acronyms and abbreviations. I try to define each instance with the appropriate XHTML element. Hovering on an acronym will reveal its full expansion, the cursor also changes to a question mark.