Accessibility Guidelines
Contents
- Status of the Web site
- Description of page layout
- Statement on access keys
- Changing the text size in different browsers
Status of the Web site
The design of the UKOLN Web site changed in November 2007, and the rest of this page refers to pages written using this new design. Due to the size of the Web site, we have not been able to convert all our legacy pages, although we have updated some of the more popular ones, and some sections of the site will continue to use their own designs.
Description of page layout
The presentation and layout of the pages on this site are controlled using Cascading Style Sheets (CSS); tables are only used for true tabular data.
Each page begins with a link to the home page, followed by a link to the main content of the page, a bulleted list of general navigation links and a search box. This is followed by material supplemental to the main content of the page. For the most part, this will include:
- links related to the text of the page;
- links related to the section of the site;
- general links to pages of interest;
- 'widgets' providing useful functionality.
The links in this part of the page are assigned either a blue or an orange bullet image by the style sheet. These serve as an additional visual cue as to whether a link is a general site link or specifically related to the page or site section (respectively), but the distinction will also be obvious from the headings used.
The page content proper starts with the first level one heading (<h1>), and ends with a statement concerning UKOLN's funding. The page ends with the date the page was last edited and the person responsible for the edit.
Statement on access keys
Access keys are a form of hidden navigation that authors can add to Web sites using special markup. Following a review of the technology, UKOLN has decided not to use access keys on its site due to concerns about conflicts with existing keyboard shortcuts, especially those of accessibility-related software.
Changing the text size in different browsers
This section tells you how to alter fonts sizes in different browsers. Keyboard shortcuts given here are from the UK version of Windows and, where indicated, Mac OS X. For more extensive help, see the BBC's My Web My Way pages.
Internet Explorer
To increase the font size:
- Open the menu 'View' (Alt v).
- Go to 'Text size' (x).
- Select either Larger (l) or Largest (g).
To zoom in either (version 7+ only):
- Use the keyboard shortcut Ctrl and + to zoom in.
- Use the keyboard shortcut Ctrl and - to zoom out.
or (version 8+ only):
- Open the menu 'View' (Alt v).
- Go to 'Zoom' (z).
- Use the up and down keys to select 'Zoom in' or an appropriate zoom level.
To force the page to use your preferred font:
- Open the menu 'Tools' (Alt t).
- Go to 'Internet Options' (o).
- At the bottom of the first tab, 'General', select 'Accessibility' (Alt e).
- Tick the box for 'Ignore font styles specified on webpages' (Alt s).
- Select 'OK' twice.
Firefox
To increase the font size (version 2 and earlier) or zoom in (version 3+) either:
- Open the menu 'View' (Alt v).
- Go to 'Text size' or 'Zoom', respectively (z).
- Select 'Increase' or 'Zoom in', respectively (i).
or:
- Use the keyboard shortcut Ctrl and + (Mac: Cmd and +) to increase the font size or zoom in.
- Use the keyboard shortcut Ctrl and - (Mac: Cmd and -) to decrease the font size or zoom out.
To change the font size only (instead of zooming) in version 3+:
- Open the menu 'View' (Alt v).
- Go to 'Zoom' (z).
- Select 'Zoom text only' (t).
- Follow the instructions for zooming in, above.
To force the page to use your preferred font:
- Open the menu 'Tools' (Alt t).
- Go to 'Options' (o).
- Select the 'Content' tab, either by using the mouse or tabbing to the tab selection area and using the arrow keys.
- In the 'Fonts & Colours' section, select 'Advanced' (Alt a).
- Untick the box for 'Allow pages to choose their own fonts, instead of my selections above' (Alt a).
- Select 'OK' twice.
Opera
To zoom in either:
- Open the menu 'View' (Alt v).
- Go to 'Zoom' (z).
- Use the arrow keys to select an appropriate zoom level.
or:
- Use the keyboard shortcut + to zoom in.
- Use the keyboard shortcut -- to zoom out.
You can also set a default zoom level for all new pages. To do this:
- Open the menu 'Tools' (Alt t) and select 'Preferences' (r) OR use the keyboard shortcut Ctrl and F12.
- Select the 'Web pages' tab using the mouse or Ctrl and Tab.
- Select the appropriate zoom level. Optionally tick the box 'Fit to width' to minimize horizontal scrolling.
- Select 'OK'.
To force the page to use your preferred font, you can either use 'User mode':
- Open the menu 'View' (Alt v).
- Go to 'Style' (s).
- Select 'User mode' (u).
or switch off page fonts and colours in 'Author mode':
- Open the menu 'Tools' (Alt t) and select 'Preferences' (r) OR use the keyboard shortcut Ctrl and F12.
- Select the 'Advanced' tab using the mouse or Ctrl and Tab.
- Move to the 'Content' section using the mouse or by tabbing to the section selection area and using the arrow keys.
- Select 'Style options'.
- Move to the 'Presentation modes' tab.
- Locate the 'Author mode' column and untick the box for 'Page fonts and colours'.
- Select 'OK' twice.
Safari
To increase the font size, either:
- Open the menu 'View' (Alt v).
- Select 'Make text bigger' (m).
or:
- Use the keyboard shortcut Ctrl and + (Mac: Cmd and +) to zoom in.
- Use the keyboard shortcut Ctrl and - (Mac: Cmd and -) to zoom out.