1 / 28

Web Accessibility

Web Accessibility. Umesh Gupta Consultant – (HRIS) umesh.gupta@deakin.edu.au. Web accessibility. What does it all mean?. https://www.youtube.com/watch?v=bEM9Fn9aOG8. What does it actually look like?. Experiences of Individuals with Disabilities.

cato
Télécharger la présentation

Web Accessibility

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Accessibility Umesh Gupta Consultant – (HRIS) umesh.gupta@deakin.edu.au

  2. Web accessibility What does it all mean? https://www.youtube.com/watch?v=bEM9Fn9aOG8

  3. What does it actually look like? Experiences of Individuals with Disabilities https://www.youtube.com/watch?v=kziXJX6a7E4

  4. Diversity of Web users may not be able to see, hear, move, or may not be able to process some types of information easily or at all may have difficulty reading or comprehending text may not have or be able to use a keyboard or mouse may have a text-only screen, a small screen, or a slow Internet connection may not speak or understand fluently the language in which the document is written may have an early version of a browser, a different browser entirely, a voice browser, or a different operating system.

  5. Our legal obligations Transitioning to WCAG 2.0

  6. Cases of Complaints…

  7. The case for web accessibility Four reasons why your website should support web accessibility • Social inclusion • Good for business • Employment and education • Legal and policy

  8. What do u think about it now? ? ? ? ? ? ? ?

  9. Five Stages of Accessibility

  10. Five Stages of Accessibility • “This is a web ‘application‘ so those rules don’t apply to us” • “We’re not the government so we don’t have to make this accessible”

  11. Five Stages of Accessibility • “I can’t believe they’re making us do this!” • “This is just going to cost us money that we’ll never make back!”

  12. Five Stages of Accessibility • “What about making it just level A compliant instead of AA?” • “Can we just leave that part for later?”

  13. Five Stages of Accessibility • “Sigh. We’ve done all this work, and its made no difference, and that consultant still told us we did it wrong…” • “This is really hard, and there’s so much to think about”

  14. Five Stages of Accessibility “Lets make things as accessible as we can, in a way that doesn’t compromise our business goals, or the aesthetic quality of our site. And, if we need to make changes later to make it more accessible, then we’ll do that too.” “We can do this!”

  15. What can a CMS user do? Ensure the content we create online is accessible.

  16. Non-text Content Something that is represented visually, such as an image, it should have a brief text description embedded in the code.  This description should reflect the purpose of the image and the context in which it is being used. Key Issues Identified

  17. Examples

  18. Key Issues Identified Info and Relationships If a style was applied to visually indicate that something is a page heading, table heading or a list, make sure that the appropriate markup is was used. So that when the presentation changes (e.g. the style sheets are turned off), that information and relationships are preserved.

  19. Examples Tables <table summary “Contact details of the Directors office” > <thead> <tr> <thwidth="150">Name</th><th width="200">Position</th><th width="71">Phone</th><th width="59">Campus</th> </tr> </thead>

  20. Key Issues Identified Using h1-h6 tags to identify headings A screen reader can recognize the code and announce the text as a heading with its level, beep or provide some other auditory indicator. Screen readers are also able to navigate heading mark-up which can be an effective way for screen reader users to more quickly find the content of interest

  21. Examples Headings – Example <H1> <H2> <H3> <H2> <H3>

  22. Key Issues Identified Audio-only and Video-only (Prerecorded)

  23. Examples

  24. Examples Using Amara Universal Subtitles Three step process:

  25. Key Issues Identified PDF accessibility Its common use on websites and its inherent accessibility barriers make it a common topic for discussion in accessibility circles. PDF/UA (ISO 14289) the International standard for accessible PDF technologies.  PDF/UA provide guidance on how to produce reliably accessible PDF files.

  26. Examples

  27. Web evaluation tools/guides Evaluation tools Validation tools WCAG Guidelines WebAnywhere, http://webanywhere.cs.washington.edu/wa.php Markup Validation Service, W3C.http://validator.w3.org/check. • Web Content Accessibility Guidelines (WCAG) 2.0, W3C. http://www.w3.org/TR/WCAG/ Authoring Tool Accessibility Guidelines (ATAG) 2.0, W3C http://www.w3.org/TR/ATAG20/

More Related