Accessibility

Accessibility

Web page accessibility guidelines

Designing for accessibility is important for us. The Disability Discrimination Act makes it a legal requirement for websites to be usable regardless of disability. Our website is designed in CSS and then imported into WordPress keeping these principals in mind. Some of the guidelines we follow to remain as accessable as possible include;
  • Text size in em so all browsers can enlarge text
  • Alt text on all images
  • Consideration of colour contrast when designing
  • Designing backwards compatible sites for older browsers
Below are some browser options to help you view this website.
Firefox
Here’s how you can zoom in and out of individual websites. Keyboard shortcut:
  • To zoom in, increasing the size, press and hold command Ctrl while pressing +
  • To zoom out, decreasing the size, press and hold commandCtrl while pressing –
  • To reset size back to normal, press and hold commandCtrl while pressing 0
  • Add zoom controls to your toolbar:
  • Right-click on an empty section of the Tab Strip, select Customise
  • In the Customise Toolbar window, click and drag the “Zoom Controls” toolbar item to the desired place on one of your toolbars
  • Click Done to save the changes to your toolbars
  • Two new magnifying glass icons will be added to your toolbar, one with a plus (+) and one with a minus (-)
You can now use the + magnifying glass icon on the customised toolbar to zoom in, and the – magnifying glass icon on the customized toolbar to zoom out.
  • Click the menu button on the right. The customisation menu will open and you will see the zoom controls at the top.
  • Use the + button to zoom in, and the – button to zoom out. The number in the middle is the current zoom level – click it to reset the zoom to 100%. Keyboard shortcuts: You can also use the zoom controls without a mouse. Press and hold commandCtrl while pressing + to zoom in, – to zoom out, or 0 to reset.
Tip: To set the default zoom level for all websites, try the NoSquint add-on.
  • Press the Alt key to temporarily bring up the traditional Firefox menus. On the menu at the top, click View, then go to Zoom.
  • Select Zoom Text Only. This makes the controls only change the size of text; not images. Set a minimum text size
You can set Firefox to automatically display all text at a minimum font size. If a web page contains text that is smaller, Firefox increases the font size of the text to this minimum.
  • At the top of the Firefox window, click on the Firefox button and then select Options
  • At the top of the Firefox window, click on the Tools menu and then select Options
  • On the menu bar, click on the Firefox menu and select Preferences
  • At the top of the Firefox window, click on the Edit menu and select Preferences
  • Click the menu button and choose OptionsPreferences
  • Select the Content panel
  • In the Fonts & Colors pane, click Advanced
  • In the Minimum Font Size drop-down, select the minimum size in pixels in which all text must be displayed
  • Click OK to save your changes
Chrome
Change text, image and video sizes (zoom)
  • Click the Chrome menu on the browser toolbar
  • Select Settings
  • Click Show advanced settings
  • In the “Web Content” section, use the “Page zoom” drop-down menu to adjust the zoom
How to set zoom on your current page
  • Click the Chrome menu on the browser toolbar
  • Find the “Zoom” section in the menu and choose one of the following options:
  • Click to make everything on the page larger. You can also use the keyboard shortcuts Ctrl and + (Windows, Linux and Chrome OS) and ⌘ and + (Mac)
  • Click to make everything smaller. You can also use the keyboard shortcuts Ctrl and – (Windows, Linux and Chrome OS) and ⌘ and – (Mac)
  • To go into full-screen mode, click . You can also use the keyboard shortcuts F11 (Windows and Linux) and ⌘-Shift-F (Mac)
You can adjust the size of text on webpages
  • Click the Chrome menu on the browser toolbar
  • Select Settings
  • Click Show advanced settings
  • In the “Web Content” section, use the “Font size” drop-down menu to make adjustments
Some websites prevent the browser from changing just text size. For those sites, Chrome won’t be able to adjust the font size.
Internet Explorer
How to change the default text size on website pages when using Internet Explorer web browser. From version 7+ of Internet Explorer a handy zoom feature is included which allows you to enlarge the whole of the browser window. To use the Internet Explorer zoom feature press “Ctrl” and “+” to increase the zoom level and “Ctrl” “-” to decrease the level of zoom. To change the default Internet Explorer text size:
  • Open the”Page”menu using your mouse or by pressing the “Alt” and “P” keys
  • Select the “Text Size” option with your mouse or press the letter “X”
  • You can then choose your text size by clicking on it or use the up and down arrow keys to select it and then press the “Enter” key
If you find that the text on the website hasn’t changed to your new text size preference it may mean the website has fixed the size of their web page text (‘hard-coded’). If you would like to use larger text on these sites you will need to follow these steps:
  • First click on the “Tools” menu at the top of Internet Explorer with the mouse or press the “Alt” and “O” keys
  • Click on “Internet Options” with your mouse button or press the letter “O”. You will then see “Internet Options”
  • Click on the “Accessibility” button with your mouse or press the “Alt” and “E” keys
  • In the Accessibility box click “Ignore font sizes specified on web page” checkbox or press your “Alt” and “Z” keys
  • Click the “OK” button to return to Internet Options
  • Next click the “OK” button or press the “Tab” key until “OK” is highlighted then press the “Enter” key