My Slides from Abstractions

Slides from my talk at Abstractions, Fringe Accessibility.

Note: Below 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.

Or view the slides directly at SlideShare.

Tweets

Some tweets from me, some tweets from others.

I have added some since this post went live.

Video

Google’s photo album thinger grabbed some of the photos I took with my phone, added some music, and made it into a video. Unsurprisingly it has plenty of food photos (which I removed). I’ll just embed it here (MP4 only, so no Stallman) for you to watch or ignore.

Tumblr

I also posted more photos to Tumblr (all using the #Abstractions hashtag) than appeared in my Tweets (but which captured everything I posted to Instagram), in case that sort of thing interests you.

Update: October 24, 2016

A clip from Saron Yitbarek’s vlog from dinner on the last night where my forehead makes a prominent appearance.

Update: November 15, 2016

Scholarship news!

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 16: Use :focus Styles
Animation of Firefox 41 tabbing through flex items. Animation of Chrome 45 tabbing through flex items.
Slide 22: Source Order Matters
A page at DigitalGov showing the tab order.
Slide 24: Don’t Use tabindex > 0
Animation showing hidden (by ellipses) text being displayed on focus. Animation showing hidden (within a scrolling area) text being displayed on focus, scrolled by arrow keys.
Slide 26: Maybe Use tabindex=0
Animation showing a button, input, and anchor all styled to look the same.
Slide 28: <button>, <input>, or <a>,
Animation showing number fields set to different languages and how they honor (or do not) decimal versus comma separators for validation.
Slide 32: Set lang Attribute on <html>
Showing infinite scroll on Pew Research Center site.
Slide 42: Avoid Infinite Scroll
Flipping between Open Dyslexic typeface and not.
Slide 44: Reconsider Typefaces for Dyslexia
Showing a long description linking to anchor on same page.
Slide 46: Use On-Page Descriptions

One Comment

Reply

[…] Fringe Accessibility […]

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>