Accessibility and AODA: it's more than just alt tags

44
AODA & Accessibility: it’s more than just alt tags PodCamp Toronto, Feb 25, 2017 Daniel Puiatti @dpuiatti http:// tiny.cc/ dpuiatti Mark Farmer @markus64 markfarmer.net

Transcript of Accessibility and AODA: it's more than just alt tags

Page 1: Accessibility and AODA: it's more than just alt tags

AODA & Accessibility: it’s more than just alt tagsPodCamp Toronto, Feb 25, 2017

Daniel Puiatti@dpuiatti

http://tiny.cc/dpuiatti

Mark [email protected]

Page 2: Accessibility and AODA: it's more than just alt tags

Today• What is accessibility?• What is AODA?• The many faces of AODA:

• Web• PDF• Video

• What can you do to prepare yourself?

Page 3: Accessibility and AODA: it's more than just alt tags

Disclaimer• Today’s presentation represents our admittedly

imperfect understanding of accessibility and AODA.• We advise you not to rely on this imperfect

understanding, but to use it as a starting point for educating yourself and finding out more fully about AODA, its requirements and implications.

• Remember: AODA is a legal requirement. It’s an act of law in Ontario. Educate yourself.

• We’re neither AODA nor accessibility experts: we’re two guys who did the best we could to try to figure things out and educate ourselves.

Page 4: Accessibility and AODA: it's more than just alt tags

The “toot your own horn” slide• Bilingual, English & French• 140+ web pages• 3,100+ PDF pages• 100+ minutes of video

Page 5: Accessibility and AODA: it's more than just alt tags

Quick survey• What does AODA stand for?• The Accessibility for Ontarians with Disabilities Act• What’s your expertise level with accessibility?

• None.• Beginner.• Intermediate.• Expert.

• Anyone do accessibility or AODA for a living?

Page 6: Accessibility and AODA: it's more than just alt tags

The gov is not enough

Page 7: Accessibility and AODA: it's more than just alt tags

Beware of geeks bearing gifts

Page 8: Accessibility and AODA: it's more than just alt tags

(complexity, yes)

Page 9: Accessibility and AODA: it's more than just alt tags

Divergence

Photo: https://www.flickr.com/photos/dkwonsh/

Page 10: Accessibility and AODA: it's more than just alt tags

The art & the science

Page 11: Accessibility and AODA: it's more than just alt tags

IMAGINE THIS

Page 12: Accessibility and AODA: it's more than just alt tags

Most information is visual

Page 13: Accessibility and AODA: it's more than just alt tags

Visual ≠ effective• Not everyone can process information

visually• Common methods ≠ effective

methods

Page 14: Accessibility and AODA: it's more than just alt tags

One in seven• About 1.85 million people in Ontario

have a disability • Estimate that approximately half a

million Canadians live with significant vision loss• We need to reconsider how to communicate

Page 15: Accessibility and AODA: it's more than just alt tags

Accessibility for Ontarians with Disabilities Act•Introduced in 2005•Sets out a process for developing and enforcing accessibility standards

•Accessibility standards are laws that government, businesses, non-profits and public sector organizations must follow

Page 16: Accessibility and AODA: it's more than just alt tags

Information and communications standard•Aims to remove barriers to information for people with disabilities

•Is based on World Wide Web Consortium Web Content Accessibility Guidelines

•Three levels A, AA, AAA• Beginning Jan 1, 2014: new public websites, significantly refreshed

websites and any web content posted after January 1, 2012 must meet Web Content Accessibility Guidelines (WCAG) 2.0 Level A

• Beginning January 1, 2021: all public websites and web content posted after January 1, 2012 must meet WCAG 2.0 Level AA other than criteria 1.2.4 (live captions) and 1.2.5 (pre-recorded audio descriptions)

Page 17: Accessibility and AODA: it's more than just alt tags
Page 18: Accessibility and AODA: it's more than just alt tags

What does accessible information look like?

https://www.youtube.com/watch?v=MGRWeKeh9NE

Page 19: Accessibility and AODA: it's more than just alt tags
Page 20: Accessibility and AODA: it's more than just alt tags

The web• Navigation• Responsivity• Consistency• Contrast

Page 21: Accessibility and AODA: it's more than just alt tags

Navigation

Page 22: Accessibility and AODA: it's more than just alt tags

Navigation

Page 23: Accessibility and AODA: it's more than just alt tags

Navigation

Page 24: Accessibility and AODA: it's more than just alt tags

Responsive design

Page 25: Accessibility and AODA: it's more than just alt tags

Consistency

Page 26: Accessibility and AODA: it's more than just alt tags

Text contrast

Page 27: Accessibility and AODA: it's more than just alt tags

Text contrast• Minimum 4.5:1 ratio for small text.• Minimum 3:1 ratio for large text.• Free online tools

Page 28: Accessibility and AODA: it's more than just alt tags

We all need a little checkup

Page 29: Accessibility and AODA: it's more than just alt tags

PDF remediation

Page 30: Accessibility and AODA: it's more than just alt tags
Page 31: Accessibility and AODA: it's more than just alt tags

Start at the source•Your three steps to success:

•First, start with your source document

•Second, start with your source document

•Third, start with your source document

Page 32: Accessibility and AODA: it's more than just alt tags

Reading order

Page 33: Accessibility and AODA: it's more than just alt tags

Alternate text

Page 34: Accessibility and AODA: it's more than just alt tags

Video

Page 35: Accessibility and AODA: it's more than just alt tags

Video• Speaking about YouTube specifically

Page 36: Accessibility and AODA: it's more than just alt tags

Some of the concerns for video

• Captioning• Text contrast• Described audio• Strobing

Page 37: Accessibility and AODA: it's more than just alt tags

Described video• We’ve been advised

by one expert that isn’t required for AODA, but is still a best practice

• (That’s one expert’s opinion)

https://www.youtube.com/watch?v=jT5AsjzgIC4

Page 39: Accessibility and AODA: it's more than just alt tags

Captions vs. subtitles

Page 40: Accessibility and AODA: it's more than just alt tags

Open

• https://www.youtube.com/watch?v=RRzo4lvqwlw• https://www.youtube.com/watch?v=aWM4ygXisbQ

Closed

Page 41: Accessibility and AODA: it's more than just alt tags

Caption file

Page 42: Accessibility and AODA: it's more than just alt tags

CONCLUSION

Page 43: Accessibility and AODA: it's more than just alt tags

Where do we go from here?• Government:

• https://www.ontario.ca/page/how-make-websites-accessible • https://www.ontario.ca/page/accessibility-laws

• W3C: • www.w3.org• https://www.w3.org/WAI/intro/wcag.php• https://www.w3.org/TR/2008/REC-WCAG20-20081211/• https://www.w3.org/TR/UNDERSTANDING-WCAG20/Overview.html#contents• https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html• https://www.w3.org/WAI/WCAG20/quickref/

• Service provider: • accessontario.com

• Best practices / reference:• http://www.utm.utoronto.ca/drupal-aoda-compliance-reference.pdf• http://www.access-for-all.ch/ch/pdf-werkstatt/pdf-accessibility-checker-pac.html

• Tools:• http://wave.webaim.org/• https://validator.w3.org/

Page 44: Accessibility and AODA: it's more than just alt tags

THANK YOU! QUESTIONS?

Daniel Puiatti@dpuiatti

Mark [email protected]

linkedin.com/in/markfarmer64/