Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Jan2015 webinar-50-shades

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 23 Anuncio
Anuncio

Más Contenido Relacionado

Similares a Jan2015 webinar-50-shades (20)

Más reciente (20)

Anuncio

Jan2015 webinar-50-shades

  1. 1. #a11y #siteimprove Siteimprove Accessibility Webinar Series 50 Shades of Accessible Gray January 2015 Kevin Rydberg • Senior eAccessibility Consultant, Siteimprove • kry@siteimprove.com • @rydbergk • linkedin.com/in/KevinRydberg krysiteimprove.com
  2. 2. #a11y #siteimprove Siteimprove Accessibility Webinar Series 50 Shades ofAccessible Gray Is it accessible or not? 50 Shades of Accessible Gray January 2015
  3. 3. #a11y #siteimprove Siteimprove Accessibility Webinar Series Disclaimer: ! 50 Shades of Accessible Gray January 2015
  4. 4. #a11y #siteimprove Siteimprove Accessibility Webinar Series 50 Shades of Accessible Gray January 2015
  5. 5. #a11y #siteimprove Siteimprove Accessibility Webinar Series Under the AODA, a “disability” is defined as: • Any degree of physical disability, infirmity, malformation or disfigurement. • A condition of mental impairment or a developmental disability. • A learning disability or a dysfunction in one or more of the processes involved in understanding or using symbols or spoken language. • A mental disorder. • An injury or disability for which benefits were claimed or received… This broad definition includes disabilities of different sensitivity, visible as well as non-invisible disabilities, and disabilities which may be temporary or have effects that come and go over time. 50 Shades of Accessible Gray January 2015 What is a disability?
  6. 6. #a11y #siteimprove Siteimprove Accessibility Webinar Series Ranges of Disabilities Hearing Loss Full Hearing Mild Moderate Moderately Severe Severe Profound Totally Deaf 50 Shades of Accessible Gray January 2015
  7. 7. #a11y #siteimprove Siteimprove Accessibility Webinar Series Ranges of Disabilities Eyesight Macular Degeneration Nearsightedness Presbyopia Retinal Detachment Astigmatism Cataracts Color Blindness Farsightedness Glaucoma 50 Shades of Accessible Gray January 2015
  8. 8. #a11y #siteimprove Siteimprove Accessibility Webinar Series Ranges of Disabilities Environmental Low or limited bandwidth Too bright or too dark environment Noisy environments, like a coffee shop Mobile devices, game consoles or other devices Using old browsers or operating systems 50 Shades of Accessible Gray January 2015
  9. 9. #a11y #siteimprove Siteimprove Accessibility Webinar Series Interpreting the WCAG 2.0 Criteria Success Criteria
 Testable statement that will be either true or false when applied to specific Web content Techniques
 A quick reference guide to help understand how to meet the success criteria Normative (criteria)
 Set requirements for conforming to WCAG 2.0 Informative (techniques)
 Provide guidance 50 Shades of Accessible Gray January 2015
  10. 10. #a11y #siteimprove Siteimprove Accessibility Webinar Series Guidelines vs. Best Practices 50 Shades of Accessible Gray January 2015 Normative - Success Criteria Informative - Techniques Glenda Sims - Consistency In Expert Manual Accessibility Testing
  11. 11. #a11y #siteimprove Siteimprove Accessibility Webinar Series Guidelines vs. Best Practices 50 Shades of Accessible Gray January 2015 • Provide appropriate alternative text • Provide appropriate document structure • Provide headers for data tables • Ensure users can complete and submit 
 all forms • Ensure links make sense out of context • Caption and/or provide transcripts 
 for media • Ensure accessibility of non-HTML content • Allow users to skip repetitive elements 
 on the page • Do not rely on color alone to convey meaning • Make sure content is clearly written and easy 
 to read • Make JavaScript accessible • Design to standards
  12. 12. #a11y #siteimprove Siteimprove Accessibility Webinar Series A few additional thoughts… 50 Shades of Accessible Gray • Web accessibility impacts every technical discipline • Accessibility must be included from phase one of your project • Accessibility goes beyond technical criteria and checklists • Accessible results are beyond standards compliance Denis Boudreau - NAGW 2014 - Integrating A11y Project Lifecycle January 2015
  13. 13. #a11y #siteimprove Siteimprove Accessibility Webinar Series Examples 50 Shades of Accessible Gray January 2015 • Alt Attributes • Color Contrast • Headings
  14. 14. #a11y #siteimprove Siteimprove Accessibility Webinar Series “alt” attributes Which is the correct “alt” for this image? a. alt=”image” b. alt=”tree” c. alt=”maple tree” d. alt=”red maple tree” e. alt=” red maple tree surrounded by multi-colored fall foliage” f. alt=“ ” appropriate 50 Shades of Accessible Gray January 2015
  15. 15. #a11y #siteimprove Siteimprove Accessibility Webinar Series “alt” Attribute Violation? No! 50 Shades of Accessible Gray January 2015 • 1.1.1 – Alt text length – Alt text value should be less than (x) characters. • 1.1.1 – Alt text exact - if there is text embedded in the image, the alt text must include the exact text that is embedded in the image.
  16. 16. #a11y #siteimprove Siteimprove Accessibility Webinar Series Color Contrast 50 Shades of Accessible Gray January 2015 1.4.3 Contrast Minimum 4.5:1, 3:1 (large text) - AA
  17. 17. #a11y #siteimprove Siteimprove Accessibility Webinar Series Color Contrast Violation? No! 50 Shades of Accessible Gray January 2015 • Large Text (only needs to be 3:1) • Incidental Text – decorative text or inactive/ disabled form controls • Logotype
  18. 18. #a11y #siteimprove Siteimprove Accessibility Webinar Series Headings <h1> <h2> <h3> <h2> <h3> <h4> <h2> <h1> <h1> <h2> <h1> <h2> <h3> <h1> <h3> <h1> <h2> <h2> <h3> <h4> <h2> 50 Shades of Accessible Gray January 2015
  19. 19. #a11y #siteimprove Siteimprove Accessibility Webinar Series Headings Violation? No! 50 Shades of Accessible Gray January 2015 • 1.3.1 - H1 – more than one – Cannot use more than one H1 per page. • 1.3.1 - H1 – at least one – when headings are used, at least one H1 is required • 1.3.1 - Headings – skipping levels – do not skip heading levels • 1.3.1 – Headings - general considerations • If it is big and bold should it always be a heading? No • Must there be content between headings? No, but usually
  20. 20. #a11y #siteimprove Siteimprove Accessibility Webinar Series TL/DR 50 Shades of Accessible Gray January 2015 • Disabilities cover an extremely large range of conditions • The WCAG 2.0 Guidelines are just that—guidelines. • There are many ways the guidelines can be interpreted • The guidelines contain both normative (criteria) and informative (techniques) information • Web Accessibility is not a checklist • Your organization’s rules may also dictate your level of compliance
  21. 21. #a11y #siteimprove Siteimprove Accessibility Webinar Series Acknowledgements 50 Shades of Accessible Gray January 2015 • Glenda Sims - Consistency In Expert Manual Accessibility Testing • Denis Beaudreau - NAGW 2014 - Integrating A11y Project Lifecycle • WebAim.org • Håbo Kommun - habo.se
  22. 22. #a11y #siteimprove Siteimprove Accessibility Webinar Series Josh Ditthardt Sales Manager - Government Agencies www.linkedin.com/in/joshditthardt 50 Shades of Accessible Gray January 2015
  23. 23. #a11y #siteimprove Siteimprove Accessibility Webinar Series Resources • http://www.grey.ca/services/accessibility/ • http://webaim.org/intro/#implementing • http://www.w3.org/TR/UNDERSTANDING-WCAG20/understanding-techniques • http://www.reactiongifs.com/wp-content/uploads/2011/05/bubbles2.gif 50 Shades of Accessible Gray January 2015

×