1. The Internet for All

2. Web Standards
HTML is designed for universal access “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” Tim Berners-Lee, director of the Word Wide Web Consortium and inventor of the World Wide Web. Content “…is really easy to make accessible – but we keep getting too clever and breaking it “ Some bloke from Access1in5

3. Accessibility – who benefits?
Sensory impairment – Deaf, hard of hearing, blind
Physical impairment – neurological, paralysis, amputee
Cognitive impairment – dyslexia, intellectual
Everyone – Universal design encompasses usability
We all get old, break a bone, OOS

4. Understandable – know why/what Robust – multiple platforms
Design Principles
Perceivable – find it
Operable – use it
Understandable – know why/what
Robust – multiple platforms

5. What’s Accessible Technology?
Screenreaders
Magnifiers
Colour change
Alternate keyboards
Alternate pointing device
Alternate formats – not AT per se but braille, large-print, plain Language, translations
Copyright RNZFB 2013 CC, BY, NC,SA

6. Contrast, font and size And this is better still 
This is too light – although the second part is better
Better but still not good
This is much better
Hard to see?
Much easier
Probably not the easiest font
Good old sans serif Arial
STILL NOT SO GOOD – CAPS ARE HARD TO READ
And this is better still 

7. Use of Multiple Sensory Characteristics
Use of colour, or sound, alone to convey meaning.
John Smith or John Smith FAIL
Fred Jones Fred Jones PASS

8. Use of Multiple Sensory Characteristics
Transcripts.
Audio Description
Text in Graphics
ALT text

9. ALT text What information does the image convey? Purely decorative?
Something irrelevant?
Something that’s in the text?
Something new?
Whitney Quesenbery

10. Example All the words – especially in a logo don’t forget the te reo.
You don’t need to identify it as a button or link.

11. Example
W3C says “If the image is sufficiently described in the text — for example, a simple diagram illustrating what's written in the web page text — it can have brief alt text such as "Diagram of work flow as describe above."

12. Example Decorative or important?
Your call – but I’d say all the information in the pic is also in the text

13. Example
Believe it or not the important thing isn’t that these are cute dogs!
One way to help think about appropriate alt text is: if you were helping someone read and interact with the web page and they cannot see it, what would you say about the image?

14. Example This time – it’s just a cute dog.
W3C again – “Alternative text depends on context. For example, for an image of a dog on a kennel club website, the alt text might include the breed of the dog; however, the same image on a dog park website may be there just to make the page more attractive, and the image might not need any alt text (and should have null alt).”

15. Adding Alt Text in Word

16. Visible Indicators Visible Focus – Tab Key – can you see the focus?
Skip Links

17. Structure
Logical
Consistent
Headings Clear

18. Magnification: this all I can see in one go.
Where do you think the important links need to be?

19. Great resources webaim.org/resources/designers
Note – text and infographic options

20. Online forms Literacy/Plain Language Is the form accessible?
Labelling
Feedback
What info is vital?
Most flexible is the ability to:
complete and submit online
complete online and print
Avoid Captcha – alternatives are available.

21. What if your form is badly labelled

22. What if you could see it?

23. Documents
Fonts
Images
Links
Tables
Headings

24. Documents 2 Word 2010 on – Accessibility Checker
Create simple pdf from Word
In Design – significant improvement