Accessibility

Standards compliance

All pages on this site have been developed to best practice coding conventions corresponding with the World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) Web Content Accessibility Guidelines AA Standard guidelines. This does not include the mega dropdown navigation & colour layer.

  • The website has been validated to HTML5.
  • All pages on this site use structured semantic markup. H1 tags are used for main titles, H2 tags for subtitles.

If you experience any problems with iod.com please send an email to digital@iod.com outlining the issue and we will investigate and respond as soon as possible. 

Images (Editor tasks)

  • Unless they are purely decorative items, all images used on this web site have suitable alt attributes.
  • Content is usable/accessible with images "off" (disabled).

Links

  • Links have title attributes which describe the link in greater detail, unless the text of the link already fully describes the target. (editor task)
  • Links are written to make sense out of context. (Editor task)
  • The second link in every document is a "SkipNav"; it is to skip directly to what is considered the main section of the page (the content). We have implemented this feature in a way that it allows Internet Explorer users to tab through (past that target link). Where a leaderboard is used, this becomes the 3rd link.
  • URLs are permanent whenever possible.

JavaScript

  • Where JavaScript is used, we have provided a working alternative for visitors who have JavaScript turned off.

Visual design

  • This site uses cascading style sheets for visual layout.
  • This site uses only relative font sizes, compatible with the user-specified "text size" option in visual browsers.
  • If your browser or browsing device does not support stylesheets at all, the content of each page is still readable.
  • This website utilises the Fontdeck (using @font-face) font replacement technique for headings.  For non-visual browsers these headings should still be readable.

Changing the size of the text

  • Most browsers now support “Zoom” rather than just text-size increase.  This allows the whole site (including imagery, etc.) to magnify or reduce when required, providing a better user experience for you the user.  To change the zoom/text size, follow the instructions below:

Internet Explorer 9 (Zoom facility)

  • Click the “cog” icon top-right corner (labelled Tools)
  • Third option down should be the “Zoom” option
  • Here you can click the “Zoom In +” or “Zoom Out –“ buttons to increase or decrease the zoom
  • The Zoom on our site should change to reflect your choice

Internet Explorer 7 & 8 (Zoom facility)

  • On the bottom right of the Internet Explorer screen, click the arrow next to the “Change Zoom Level” button. To go to a predefined zoom level, click the percentage of enlargement or reduction you want.
  • To specify a custom level, click Custom. In the Percentage zoom box, type a zoom value, and then click OK.
  • The Zoom on our site should change to reflect your choice

Internet Explorer 6 (Text increase only)

  • Click “View” to open the View menu or press “Alt” and “V”
  • Select the “Text Size” option or select by pressing “X”
  • Choose your preferred text size using your mouse or use the up and down arrow keys
  • Click to select the text size or press “Enter”
  • The text size should change to reflect your choice

Firefox (Zoom facility)

  • Click “View” to open the View menu
  • Select the “Zoom” option
  • Select “Zoom In” (increase size) or “Zoom Out” (decrease size)
  • The Zoom on our site should change to reflect your choice

Chrome (Zoom facility)

  • Click the “spanner” icon top-right corner (labelled Customise & control Google Chrome)
  • Quarter of the way down will be a “Zoom” option
  • Here you can click the – (minus), + (plus) or 100% button to decrease, increase or reset to normal
  • The Zoom on our site should change to reflect your choice

Safari (Zoom facility)

  • Click “View” to open the View menu
  • Click on “Make Text Bigger” or “Make Text Smaller” or to use the keyboard shortcuts select
  • “Apple” and “+” (plus) or “Apple” and “-” (minus)
  • The Z size on our site should change to reflect your choice

Opera (Zoom facility)

  • You can either use the + or – keys on your keyboard to increase/decrease text (or)
  • Choose “View” to open the View menu
  • Select the “Zoom” option
  • Choose a particular size to either increase or decrease zoom
  • The Zoom on our site should change to reflect your choice
  • If your mouse has a scrolling wheel in the middle of the right and left click buttons, you can hold down the “Ctrl” key on the keyboard and scroll it up and down, the text size will increase and decrease. This works in most major browsers.

Accessibility in Windows

Windows is also shipped with a number of computer settings you can select to make your enjoyment of our website better. Go to Start > Settings > Control Panel > Accessibility Options. You can select options to alter your keyboard, display and mouse settings.