Click to skip over navigation
 

lecture 6: accessibility

<< previous slide

return to lesson 6 index

next slide >>


1. keyboard-only browsing

The computer mouse is now such a ubiquitous object that most people forget it is a relatively recent introduction into our lives. Like other such recent introductions - microwave ovens, mobile phones (especially them), DVD players etc. - we are now so used to their presence that the thought of doing without them seems rather inconceivable. Yet many computer users cannot or do not use a mouse. This is either because they do not have the use of their arms (permanently, or temporarily) or simply choose to do without one, preferring to give the computer instructions by means of the keyboard only or, sometimes, more sophisticated interfaces like touch-screens and voice input.

In order to make it possible to do without a mouse, a user has to have a means of focussing on particular parts of the screen. In applications, this is done by means of the menu bars. Pressing Alt+F in just about any application will open the File menu, for example. (Try it now.) But remember that your web page sits "inside" the application. Browsers therefore have programmed into them various means by which you can focus on parts of the page. These are noted in more detail on the handout. But you can try some easily now; press the Tab key and you will see the browser focus on each of this page's links in turn. Pressing Return will then cause it to follow whatever link it's currently focussing on.

Amongst other things, these possibilities require you to:

  • use correct tags; e.g. use heading tags for headings, rather than faking a heading with a modified <p> tag
  • and use meaningful text for links, or if this is not possible, include the title attribute (it's like alt for links)
  • .

You might also use the accesskey attribute in links. For more details, see the page on general accessibility techniques.

(More allowances for keyboard-only browsing need making with forms, but these do not come into this course unless you go on to the Advanced Web Techniques option.)

2. summary of accessibility techniques

This is a brief summary of the ways you can write accessible pages and thereby keep the WWW as a genuinely public space. For more details, or for definitions of some terms which are probably still unfamiliar, see the rest of this week's online teaching materials. Better still, have a look at some of the more detailed resources cited on the handout.

  • write well-formed and valid code. Use a code validator to help you, if you want.
  • include alt attributes on every image.
  • use correct structural tags, notifying browsers of the version of HTML you are using, the (human) language of the page, and the character set required.
  • never remove the user's ability to resize your text. Use relative text sizes at all times.
  • keep your pages and, especially, your images small in memory terms.
  • check what your pages look like in a text-only browser, and think about reorganising your tables if they come out wrong when linearised.
  • if you have a lot of navigation, consider using skiplinks and access keys to make things easier.
  • use meaningful text in <title> tags, links, alt attributes and anywhere else where the text is actively supplying structural information to the reader.



<< previous slide

return to lesson 6 index

next slide >>