D&D and Accessibility - Speaker Deck

Slide 1

Slide 1 text

D&D ! and Accessibility Steve Barnett, naga.co.za (FED who does) Accessibility at Xero

Slide 2

Slide 2 text

All of us who work with UI can probably do with levelling up a little bit in Accessibility (Search for "The WebAIM Million")

Slide 3

Slide 3 text

An adventurer doing web accessibility can up their Dexterity by testing with the keyboard (This will make (more) sense in about 7 minutes time)

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

D&D has six Ability scores / stats: Strength, Dexterity, Constitution, Intelligence, Wisdom, Charisma

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Strength is being able to crush a tomato ! "

Slide 8

Slide 8 text

Dexterity is being able to dodge a tomato ! "

Slide 9

Slide 9 text

Constitution is being able to eat a bad tomato (and not get sick) ! "

Slide 10

Slide 10 text

Intelligence is knowing that a tomato is a fruit ! "

Slide 11

Slide 11 text

Wisdom is not putting a tomato in a fruit salad ! "

Slide 12

Slide 12 text

Charisma is being able to sell a tomato-based fruit salad ! "

Slide 13

Slide 13 text

Slide 14

Slide 14 text

What do these six mean for an adventurer doing web accessibility? What are the skills that support each stat?

Slide 15

Slide 15 text

(Accessibility) Strength is about doing. Use standard controls.

Slide 16

Slide 16 text

(Accessibility) Dexterity is about ﬂexibility. Test with just the keyboard.

Slide 17

Slide 17 text

(Accessibility) Constitution is about persistence. Offer feedback one step earlier.

Slide 18

Slide 18 text

(Accessibility) Intelligence is about wide knowledge. Understand the accessibility tree. Name, role, value (and state)

Slide 19

Slide 19 text

(Accessibility) Wisdom is about deep knowledge. Think non-binary. Abilities can change permanently, temporarily, or contextually.

Slide 20

Slide 20 text

(Accessibility) Charisma is about persuasion. Celebrate good accessibility.

Slide 21

Slide 21 text

An adventurer doing web accessibility can up their Dexterity by testing with the keyboard

Slide 22

Slide 22 text

Thank you! ! Slide deck: ! ! with post-credits scene

Slide 23

Slide 23 text

Post-credits scene: the longer versions (of "What might these look like for an adventurer doing web accessibility?")

Slide 24

Slide 24 text

(Accessibility) Strength This is about doing. • Use standard controls • Write semantic HTML • Linting, Automated Tests

Slide 25

Slide 25 text

(Accessibility) Dexterity This is about ﬂexibility. • Test with just the keyboard • Test with axe browser extension • Test with Screen Readers

Slide 26

Slide 26 text

(Accessibility) Constitution This is about persistence. • Shift Left • Offer feedback to design • Choose accessibility as a priority

Slide 27

Slide 27 text

(Accessibility) Intelligence This is about wide knowledge. • Understand the accessibility tree • Understand ARIA • Know the Standards

Slide 28

Slide 28 text

(Accessibility) Wisdom This is about deep knowledge. • Think non-binary • Go off The Happy Path • Avoid barriers to access

Slide 29

Slide 29 text

(Accessibility) Charisma This is about persuasion. • Offer good motivations • Be ready for objections • Celebrate good accessibility

Slide 30

Slide 30 text

Post-post-credits scene: The WebAIM Million My write-up on it: the bad news, the good news, and what-you-can-do(s)