Accessibility

348 views
317 views

Published on

Make the web accessible to your learners.

Published in: Education, Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
348
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Accessibility

  1. 1. Date: July 2009<br />LIVEefcTraining Module – Accessibility<br />
  2. 2. Accessibility<br />Content:by the end of this training you will be able to:<br /><ul><li> Help in making the web easier to use.
  3. 3. Enlarge/reduce type in web browser explorer 7
  4. 4. Change font
  5. 5. Change colours of both font and background
  6. 6. Find accessibility information as you see fit and when you need it</li></li></ul><li>Making text larger in Internet Explorer 7<br />Internet Explorer 7 has a zoom feature which allows you to enlarge the whole browser window.<br />To do this press &apos; Ctrl &apos; + &apos; + &apos; to increase the zoom <br />and &apos; Ctrl &apos; + &apos; - &apos; to decrease the zoom. <br />To go back to normal setting press &apos; Ctrl &apos; + &apos; 0 &apos; <br />Then use the arrow keys to reframe view.<br />Now, try this out:<br />1- Open Internet Explorer<br />2- Increase the type<br />3- Decrease it<br />4- Go back to normal setting<br />
  7. 7. Open the &apos; Page &apos; menu with the mouse or by pressing &apos; Alt&apos;+&apos;P‘.<br />Select the &apos; Text Size &apos; option with the mouse or by pressing &apos; X &apos;.<br />Choose your preferred text size by clicking on it or by using the up and down arrow <br />keys to select it.<br />2<br />3<br />1<br />Making text larger in Internet Explorer 7<br />For many sites you only need to do the following: <br />
  8. 8. Making text larger in Internet Explorer 7<br />Some websites have fixed the size of their text (&apos;hard-coded&apos;) and as a result these websites will not show the change you have just made. <br />If you would like to use larger text on these sites either use the <br />Zoom ( as on slide 3) or follow the link below for further info:<br />http://www.bbc.co.uk/accessibility/win/seeing/text/browser/explorer7.shtml<br />
  9. 9. Open the &apos; Tools &apos; menu with the mouse or by pressing &apos; Alt&apos;+&apos;T &apos; .<br />Select the &apos; Internet Options &apos; option with the mouse or by pressing &apos; O &apos;.<br />Select the &apos; Accessibility &apos; button with the mouse orby pressing &apos; Alt&apos;+&apos;E &apos;<br />2<br />3<br />1<br />Changing colours in Internet Explorer 7<br />This page explains step-by-step how to change the text and background colours in Internet Explorer 7<br />
  10. 10. Check the &apos; Ignore colours specified on web page &apos; checkbox with the mouse or by pressing &apos; Alt &apos;+ &apos; C &apos; <br />Click the &apos; OK &apos; button with the mouse or press &apos; Enter &apos; to return to &apos; Internet Options &apos;.<br />1<br />2<br />Changing colours in Internet Explorer 7<br />
  11. 11. At this point it might appear than little has happened, but what has changed is the website is now using the colour scheme you have on your computer. <br />If you/your student are/is happy with the colours you do not need to take any further steps, just click &apos; OK &apos; or press &apos; Enter &apos; to return to the browser. <br />If however you/your student still need(s) to change the text or background colours on the web page take the following steps:<br />Changing colours in Internet Explorer 7<br />
  12. 12. With the &apos; Internet Options &apos; box still open click on the &apos; Colors &apos; button or press &apos; Alt&apos; + &apos; O &apos;.<br />1<br />Changing colours in Internet Explorer 7<br />
  13. 13. The default setting is to have the &apos; Use Windows colors &apos; option selected, to use your own colours click the box to remove the tick with the mouse or press &apos; Alt&apos; + &apos;W &apos; <br />1<br />2<br />Select the &apos; Text&apos; button <br />with the mouse, or by pressing &apos; Alt &apos; + &apos; T&apos;. <br />Changing colours in Internet Explorer 7<br />
  14. 14. Select the colour of your choice with the mouse orby using the arrow keys to highlight it and then pressing &apos; Spacebar &apos; to select <br />Click ‘OK’<br />1<br />3<br />2<br />You can also define custom colours as you/your student see(s) fit<br />Changing colours in Internet Explorer 7<br />
  15. 15. Repeat the process as required <br />When you have finished, click OK<br />to return to Internet Explorer. <br />1<br />2<br />3<br />Select the &apos; Background &apos; button with the mouse, or by pressing &apos; Alt &apos; + &apos; B &apos;. <br />Changing colours in Internet Explorer 7<br />
  16. 16. More on accessibility<br />For more information on accessibility, please check the BBC website that has been used as reference to produce this training, where you can also get:<br />http://www.bbc.co.uk/accessibility/win/sub_root.shtml<br />
  17. 17. Conclusion<br />We hope you have enjoyed this training session.<br />Please could you now complete our online evaluation for Training Accessibility? <br />Many thanks!<br />If you have any queries or need further guidance, please contact us on livesupport@efc.ac.uk <br />Remember we are here to answer your queries and help you get started …<br />

×