web accessibility
DESCRIPTION
Web Accessibility. What is Web Accessibility. Ensuring people of all abilities have equal access to web content Disability Discrimination Act – Web Access Advisory notes 2010 Required by law (2006) in the USA Required for Government Websites in Australia by end of 2014 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/1.jpg)
Web Accessibility
![Page 2: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/2.jpg)
• Ensuring people of all abilities have equal access to web content
• Disability Discrimination Act – Web Access Advisory notes 2010
• Required by law (2006) in the USA
• Required for Government Websites in Australia by end of 2014
• Important for good web practice, SEO, and equal access
What is Web Accessibility
![Page 3: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/3.jpg)
• A policy of the Department of Finance for all Government Websites
• Mandates conformance with WCAG 2.0 AA standard by 31 Dec 2014
• The what?... Web Content Accessibility Guidelines, version 2.0, level AA
Web Accessibility National Transition Strategy for Government Websites
![Page 4: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/4.jpg)
4 Principles – Web content must be:
• Perceivable
• Operable
• Understandable
• Robust
WCAG 2.0 Summary
![Page 5: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/5.jpg)
Principle 1 - Perceivable
• Provide text alternatives for non-text content.
• Provide captions and other alternatives for multimedia.
• Create content that can be presented in different ways, including by assistive technologies, without losing meaning.
• Make it easier for users to see and hear content.
WCAG 2.0 Summary
![Page 6: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/6.jpg)
Principle 2 – Operable
• Make all functionality available from a keyboard.
• Give users enough time to read and use content.
• Do not use content that causes seizures.
• Help users navigate and find content.
WCAG 2.0 Summary
![Page 7: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/7.jpg)
Principle 3 – Understandable
• Make text readable and understandable.
• Make content appear and operate in predictable ways.
• Help users avoid and correct mistakes.
WCAG 2.0 Summary
![Page 8: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/8.jpg)
Principle 4 – Robust
• Maximize compatibility with current and future user tools.
WCAG 2.0 Summary
![Page 9: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/9.jpg)
Alt Text
<img src="xxx.jpg" alt="Getting to Uni" width="980" height="500"/>
Alt text: “Getting to Uni”
Alt text: “Student looking through microscope”
![Page 10: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/10.jpg)
Text Alignment
✗ ✗ ✓
![Page 11: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/11.jpg)
Heading Structure
![Page 12: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/12.jpg)
To download the campus map click here.
Download the campus map. ✓
Link Text
✗
![Page 13: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/13.jpg)
• HTML is the most accessible format
• Word or Rich Text documents are also acceptable
• PDFs cause problems!! Use with caution.
• Refer to web resources for making PDFs accessible, ORprovide a Word or HTML alternative.
Accessible Documents
![Page 14: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/14.jpg)
• To be accessible a video must be captioned or have a transcript available in an accessible format
• Captions must not be “burnt in” to the video, but be available using a closed captioning service, such as provided by YouTube.
• YouTube can help with this!!
Video Captioning
![Page 15: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/15.jpg)
Video Captioning
![Page 16: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/16.jpg)
Video Captioning
![Page 17: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/17.jpg)
Video Captioning
![Page 18: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/18.jpg)
Video Captioning
![Page 19: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/19.jpg)
Video Captioning
![Page 20: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/20.jpg)
Video Captioning
![Page 21: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/21.jpg)
• Add Alt Text to Images• Align text Left-justified• Structure web pages and documents logically• Use meaningful link text• Use HTML first, then Word Documents, lastly PDFs• Caption all videos
• AVOID EMBEDDING FLASH ELEMENTS!!
Summary
![Page 22: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/22.jpg)
• Web Services Unit: uws.edu.au/wsu• Google “WCAG 2.0” or “Web Accessibility Checklist”
Resources
![Page 23: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/23.jpg)
Questions
![Page 24: Web Accessibility](https://reader036.vdocuments.us/reader036/viewer/2022070421/568161ba550346895dd19065/html5/thumbnails/24.jpg)
Web Accessibility