Slide 1

Slide 1 text

@fat May 2012 Jorge Luis Borges

Slide 2

Slide 2 text

I’m @fat

Slide 3

Slide 3 text

I work at twitter

Slide 4

Slide 4 text

I write libraries

Slide 5

Slide 5 text

Bootstrap Hogan.js Ender

Slide 6

Slide 6 text

I even read real books from real libraries sometimes

Slide 7

Slide 7 text

I’ve made it a point to talk about books

Slide 8

Slide 8 text

We’re in ARGENTINA

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Jorge Luis Borges

Slide 11

Slide 11 text

But what should I really talk about?

Slide 12

Slide 12 text

1899 Jorge Francisco Isidoro Luis Borges Acevedo

Slide 13

Slide 13 text

Primarily educated by his parents and english grandmother

Slide 14

Slide 14 text

Translated The Happy Prince by Oscar Wilde at 9 years old

Slide 15

Slide 15 text

His family moves around Europe a lot, trying to evade the war

Slide 16

Slide 16 text

Ultraísmo the avante-garde, anti-modernist movement

Slide 17

Slide 17 text

1921 Borges returns to Argentina

Slide 18

Slide 18 text

Just two years later he publishes his first book of poems

Slide 19

Slide 19 text

He continues to publish new works every 2-3 years

Slide 20

Slide 20 text

1937 father falls ill and Borges takes up first full time job

Slide 21

Slide 21 text

First assistant for a small branch of the municipal library

Slide 22

Slide 22 text

9 years he hates it

Slide 23

Slide 23 text

Hides in the basement writes a bunch

Slide 24

Slide 24 text

Perón gains power and Borges is promoted to a new position as an agricultural inspector

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

Declines and accepts work as a lecturer of English literature

Slide 27

Slide 27 text

After Perón and Borges named Director of National Library

Slide 28

Slide 28 text

The same year doctor informs him that he’s too blind to ever read or write on his own again

Slide 29

Slide 29 text

No one should read self-pity or reproach into this statement of the majesty of God, who with such splendid irony granted me books and blindness in one touch. Borges Poem of the Gifts

Slide 30

Slide 30 text

As I read this, I began to think about our Libraries

Slide 31

Slide 31 text

How many would actually be accessible by Borges?

Slide 32

Slide 32 text

So I went to Github

Slide 33

Slide 33 text

And I sampled the top 15 UI libraries with 1500+ watchers

Slide 34

Slide 34 text

Bootstrap, impress.js, chosen, jquery-file-upload, jquery-ui, spin.js, deck.js, Skeleton, Foundation, showoff, file-uploader, isotope, timeline, etherpad-lite, colorbox

Slide 35

Slide 35 text

Of 15 libraries only one was optimised for accessibility

Slide 36

Slide 36 text

it wasn’t Bootstrap

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

Clearly, I know nothing about accessibility

Slide 39

Slide 39 text

I had heard of ARIA, I knew there were some specs

Slide 40

Slide 40 text

So I started to ask, “What is this accessibility thing anyways?”

Slide 41

Slide 41 text

So I started digging through the W3C

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

Later I find out the bro in the photo is Daniel Dardailler

Slide 44

Slide 44 text

Around Fall 96’ Web Accessibility Initiative is “conceived”

Slide 45

Slide 45 text

Official press release for WAI ~9 months later

Slide 46

Slide 46 text

Remember, this is 1996

Slide 47

Slide 47 text

January 1997 the W3C releases HTML 3.2

Slide 48

Slide 48 text

By then CSS 1.0 had been around for about a year

Slide 49

Slide 49 text

Despite this, WYSIWYGs doing crazy WYSIWYG s**t

Slide 50

Slide 50 text

No alt, presentational attrs, incorrect H1’s, blockquote, font tags

Slide 51

Slide 51 text

Other insane techniques also pop up like Frames for templating

Slide 52

Slide 52 text

Dec 97’ we find the first notes on accessibility in HTML 4.0

Slide 53

Slide 53 text

Oh Hai semantic markup, doc structure, title, lang, and more

Slide 54

Slide 54 text

Meanwhile WYSIWYGs are still WYSIWYGing and getting worse

Slide 55

Slide 55 text

Finally in 99’ Web Content Accessibility Guidelines (WCAG) 1.0

Slide 56

Slide 56 text

This was the first set of international guidelines developed by the W3C Web Accessibility Initiative (WAI) with the intent of providing information for web developers to create accessible web content

Slide 57

Slide 57 text

Surely this will save the web

Slide 58

Slide 58 text

Nope WYSIWYGs gonna WYSIWYG

Slide 59

Slide 59 text

W3C release the Authoring Tools Accessibility Guidelines (ATAG) 1.0, and HTML 4.01

Slide 60

Slide 60 text

MS Frontpage and Dreamweaver say “Cool Story Bro”

Slide 61

Slide 61 text

Some developers are starting to get the idea

Slide 62

Slide 62 text

But they’re forced to use external plugins like HTML tidy

Slide 63

Slide 63 text

These people were considered “Pioneers”

Slide 64

Slide 64 text

CMS gains popularity, even more sad times

Slide 65

Slide 65 text

Sep 2000 the WAI try again with WCAG 2.0

Slide 66

Slide 66 text

6 years later the WAI announce it’s final working draft

Slide 67

Slide 67 text

People go full internet and write “To Hell with WCAG 2”

Slide 68

Slide 68 text

Developers hoping for “Accessibility for the real world”

Slide 69

Slide 69 text

This same year WAI releases the first working draft for the Roadmap for Accessible Rich Internet Applications

Slide 70

Slide 70 text

Specific to Web content and Web applications \o/

Slide 71

Slide 71 text

Roles and Implementation Guides

Slide 72

Slide 72 text

This is where we are today and it’s not that bad

Slide 73

Slide 73 text

So how do I close issue #931?

Slide 74

Slide 74 text

How do I do my part to reach every person on the planet?

Slide 75

Slide 75 text

Easy i just close it

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

Reopen 10 new tickets One for each interactive component

Slide 78

Slide 78 text

Use tickets to draft implementation details around Accessibility

Slide 79

Slide 79 text

Use Aria’s “12 General Steps for Building an Accessible Widget”

Slide 80

Slide 80 text

Reach out to specialists and organize hackathons

Slide 81

Slide 81 text

Jacob @fat poll: If we provided food, drink, and twitter office, would you be interested in coming in to hack on bootstrap accessibility w/ @mdo and I?

Slide 82

Slide 82 text

and then just... try to do stuff

Slide 83

Slide 83 text

In just 3 days I’ve dramatically improved accessibility

Slide 84

Slide 84 text

Dialogs now limit focus to active area

Slide 85

Slide 85 text

Dropdowns now support keyboard navigation

Slide 86

Slide 86 text

Tabs are now focusable widget areas

Slide 87

Slide 87 text

I’ve added aria roles to dialogs, buttons, toolbars, and more

Slide 88

Slide 88 text

But maybe most importantly I’ve talked to you about accessiblity

Slide 89

Slide 89 text

follow @fakeangus