FT Accessibility 101 - Speaker Deck

Slide 1

Slide 1 text

Alice Bartlett Origami Lead, Financial Times @alicebartlett Accessibility 101

Slide 2

Slide 2 text

WHAT IS ACCESSIBILITY?

Slide 3

Slide 3 text

WebAim reckons there are 4 categories of impairment: @alicebartlett

Slide 4

Slide 4 text

1. visual 2. hearing 3. motor 4. cognitive @alicebartlett

Slide 5

Slide 5 text

This way of thinking about accessibility is not perfect @alicebartlett

Slide 6

Slide 6 text

GDS Anne Gibson has written about this over on A List Apart

Slide 7

Slide 7 text

Accessibility needs can be long term @alicebartlett

Slide 8

Slide 8 text

You have epilepsy @alicebartlett

Slide 9

Slide 9 text

You’re blind @alicebartlett

Slide 10

Slide 10 text

You have learning difficulties @alicebartlett

Slide 11

Slide 11 text

Accessibility needs can be temporary @alicebartlett

Slide 12

Slide 12 text

You have a migraine @alicebartlett

Slide 13

Slide 13 text

You break your arm @alicebartlett

Slide 14

Slide 14 text

You develop RSI @alicebartlett

Slide 15

Slide 15 text

You’re in a very noisy and chaotic environment @alicebartlett

Slide 16

Slide 16 text

Give users as many ways as possible to access your website @alicebartlett

Slide 17

Slide 17 text

There are technologies that can help for many impairments @alicebartlett

Slide 18

Slide 18 text

Screen readers @alicebartlett

Slide 19

Slide 19 text

Dictation software @alicebartlett

Slide 20

Slide 20 text

Keyboards @alicebartlett

Slide 21

Slide 21 text

And there are some improvements that aren’t technology based @alicebartlett

Slide 22

Slide 22 text

Colour choices @alicebartlett

Slide 23

Slide 23 text

Sentence length @alicebartlett

Slide 24

Slide 24 text

Language @alicebartlett

Slide 25

Slide 25 text

Information architecture @alicebartlett

Slide 26

Slide 26 text

So reaching a good level of accessibility means supporting a variety of assistive tech, and designing your site thoughtfully @alicebartlett

Slide 27

Slide 27 text

That involves everyone. @alicebartlett

Slide 28

Slide 28 text

Accessibility is everyone’s responsibility

Slide 29

Slide 29 text

Vox Media have a checklist for their designers, pms, qa, and developers (link at the end) @alicebartlett

Slide 30

Slide 30 text

The Straw Test

Slide 31

Slide 31 text

@alicebartlett

Slide 32

Slide 32 text

@alicebartlett

Slide 33

Slide 33 text

WHY?

Slide 34

Slide 34 text

The Equality Act (2010)

Slide 35

Slide 35 text

“The duty to make reasonable adjustments”

Slide 36

Slide 36 text

1. http://accessibility.voxmedia.com/ 2. http://alistapart.com/article/reframing-accessibility- for-the-web @alicebartlett