My Slides from Accessibility Camp Toronto 2015

You can also view the slides directly at SlideShare. Sadly, the animated GIFs in my presentation did not survive the conversion to SlideShare. I’ve added them at the bottom of this post, but they are all quite large and will take time to load. If you want to save on your data plan, hit the browser’s stop button now.

Tweets

Animated Images

These are the animated images that were in my slides but which did not survive in the transition to SlideShare. They are all quite large and will take time to load. If you want to save on your data plan, hit the browser’s stop button now.

The Virgin America home page when used with only a keyboard.
Slide 18: Use :focus Styles
A page at DigitalGov showing the tab order.
Slide 20: Don’t Use tabindex > 0
Showing infinite scroll on Pew Research Center site.
Slide 28: Avoid Infinite Scroll
Flipping between Open Dyslexic typeface and not.
Slide 32: Reconsider Typefaces for Dyslexia
Animation of Firefox 41 tabbing through flex items. Animation of Chrome 45 tabbing through flex items.
Slide 36: Source Order Matters
Showing a long description linking to anchor on same page.
Slide 38: Use On-Page Descriptions

3 Comments

Reply

[…] My Slides from Accessibility Camp Toronto 2015 – Adrian Roselli – http://adrianroselli.com/2015/10/my-slides-from-accessibility-camp-toronto-2015.html […]

Reply

[…] My Slides from Accessibility Camp Toronto 2015: In his Fringe Accessibility Techniques presentation at Accessibility Camp Toronto last weekend, Adrian Roselli highlighted some less-discussed techniques for web accessibility: link underlines, heading usage, adding :focus to :hover styles, tabindex (don’t use tabindex > 0), and more. […]

Reply

[…] and cited WCAG conformance rules, I failed to provide specific examples. I prepared one for my talk at Accessibility Camp Toronto, but have since expanded on it with more […]

Leave a Comment or Response

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>