Designing and Developing for the Neurodivergent Mind

A presentation at #a11yTO Conference in October 2018 in Toronto, ON, Canada by Shell Little

Slide 1

Slide 1

Designing and Developing for the Neurodivergent Mind Title Slide

Designing and Developing for the Neurodivergent Mind #A11yToConf 18

Slide 2

Slide 2

Roadmap

  1. Intro
  2. Definitions
  3. Conformance
  4. Assistive Tech
  5. Applying It

Slide 3

Slide 3

Hello!

I’m Shell Little, you can find me on Twitter @ShellELittle. I work for Wells Fargo DS4B on the AUx team for WF Wholesale. I am the NVDA subject matter expert. I am a Crazy Cat Lady. Ask me about my Switch! And I'm excited to be here!

Slide 4

Slide 4

I am Neurodivergent

Slide 5

Slide 5

Section 1: Definitions

Getting Started

Slide 6

Slide 6

Neurodivergence Is

Neurodivergent (ND), means having a brain that functions in ways that diverge significantly from the dominant societal standards of “normal.” Coined by Kassiane Asasumasu, a multiply neurodivergent neurodiversity activist.

Slide 7

Slide 7

Neurodivergence Is Not

Does not mean Autistic, rather it’s a broad scope of different Cognitive Disabilities including: ADHD, Autism, Dyslexia, Bipolar.

Slide 8

Slide 8

Quote

“Neurodivergent means that we diverge from typical. It doesn’t imply that typical is right or superior, and we’re wrong or inferior. It acknowledges that we diverge.” -Cas Faulds

Slide 9

Slide 9

Neurodivergent Is Popularizing

Because it takes the negative connotation away from those whose minds work differently. It does't mean things like Broken, Sick, Defective.

Slide 10

Slide 10

Food for Thought

Why do we force WCAG Criterion number memorization? Some A11y Specialists feel if you don't have the number of a WCAG Criterion memorized you aren't a credible Accessibility SME. For someone with Dyslexia or Dyscalculia that type of memorization is a barrier. This old mentality is riddled with ableism and needs to stop.

Slide 11

Slide 11

Section 2: Conformance

WCAG for ND

Slide 12

Slide 12

WCAG for Cognitive Disabilities

Why are there not more WCAG Criterion for CogDis? Why do we really only have Pause, Stop, Hide and Three flashes at the AA level?

Slide 13

Slide 13

Why?

Because it’s complicated!

Slide 14

Slide 14

Non-Interference

Technologies that are not accessibility-supported can be used as long as:

● All the information is also available using technologies that are accessibility supported ● The non-accessibility-supported material does not interfere

Slide 15

Slide 15

Basically Non-Interference Means

Make sure it’s A11y Don’t mess with AT

Slide 16

Slide 16

Section 3: Assistive Tech

AT for ND

Slide 17

Slide 17

Assistive Technology

When we think of AT, we think about people and users with disabilities in boxes. We think: Blind is to Screen Reader Hard of Hearing is to Captions Limited Mobility is to Voice to Text Neurodivergent is to A11y Fonts

Slide 18

Slide 18

Assistive Technology Reality

When in reality we have uses who are ND that use ALL of these types of AT Including Screen Reader, Captions, Voice to Text, and A11y Fonts.

Slide 19

Slide 19

Assistive Technology for ND

Dyslexia and Dyscalculia: -Spell Checker. If you don't have spell checker working on a text input field of any kind, that's a barrier. -Voice to Text. With dyslexia sometimes a word just isn't going to happen. You can't guess the spelling of every word and have spell check be helpful. This is where voice to text comes in, and can be the AT needed to finish a task. -Copy and Paste. When working with difficult strings of text being able to paste them in becomes critical. -Screen Readers. Screen Readers are a powerful tool for people with dyslexia. Having the information given in more than one way helps to increase comprehension.

ADHD and ADD -Read Only Mode is AT for someone with attention related disabilities. Being able to block off distracting graphics and moving objects is very important. -Ad Blocker. Being able to block distracting pop up ads, JS overlay ads, and any type of invasive alert is crucial for completing a task. -Auto-complete. When working with small working memory, not needing to remember passwords is a huge thing. -Captions. Well written captions (not Craptions) are important to people with a variety of Language Processing disabilities. They also help keep focus on the main content of media and away from distracting background sounds.

Slide 20

Slide 20

Section 4: Applying It

Spoilers: It’s Not Hard!

Slide 21

Slide 21

Moving Content: Sensory and Distraction

Slide 22

Slide 22

Moving Content: From a ND User

A Tweet from @cassolotl that reads "Definitely. I basically can't process a page if there are animated or otherwise distracting ads, because autism!"

Slide 23

Slide 23

Blocking Moving Ads 1

Screen shot of The Seattle Times website with an overlay that reads "We noticed you're blocking ads". This overlay shows up when using ad blocker to try and cut down on moving content.

Slide 24

Slide 24

Blocking Moving Ads 2

What you're saying to your users when you tell them they can't block their distracting ads: The screen shot of the overlay now reads "We care more about our revenue than your access". You are basically telling users who are ND they aren't welcome on your site. In order to block moving ads you're requiring them to pay a fee. This is often times referred to a "disability tax".

Slide 25

Slide 25

I challenge you to start a conversation about moving ads

If we had more of a conversation around moving ads, the companies that supply these ads including Google and Yahoo would have to think about the kinds of ads they send out to users. We could change this in a day if enough people spoke about it and raised concerns.

Slide 26

Slide 26

Subtitles: Language Processing

Slide 27

Slide 27

Subtitles: From a ND User

A Tweet from @transyurochka that reads "@netflix stop making your subtitles paraphrasing. It should be EXACTLY what is being said on screen. I am a hearing person that has language processing disorder sometimes I need subtitles. It is extremely confusing when the subtitles and speech don’t match up and deaf/hoh people should be able to read what hearing people hear in a show/movie not what you decide they should read"

Slide 28

Slide 28

Netflix's Queer Eye

As an example, Netflix's Queer eye had subtitles that were paraphrased. A screen shot of the show is displayed and Jonathan Van Ness's captions read "except for one that didn't get canceled". A tweet from @alley_mason_as says "a short example, what @jvn says is “except for one that didn’t get canceled and break everyone’s heart.” Netflix only captioned half of that, for no real reason at all. It’s more than just bleeping profanity, it’s almost every single line in this show.He deserves his whole line!"

Slide 29

Slide 29

Voice To Text: Dyslexia

Slide 30

Slide 30

Voice To Text: From a ND User

Tweet from @utterb1iss that reads "Whenever i get too stressed my dyslexia gets a million times worse and basically keeps me from doing anything that doesn't have voice-to-text 😭"

Slide 31

Slide 31

Pinterest Search Field

A screen shot of the Pinterest Application on their "Search" page. A red circle notes that the place above the keyboard where the "Microphone" icon used for Voice-to-text is not available. This is a huge barrier for someone with dyslexia trying to search for something on Pinterest.

Slide 32

Slide 32

Google Doc Voice Typing

Google Doc has a feature where you can type on a paper with Voice-to-Text. Try it out!

Slide 33

Slide 33

Display Password: Working Memory

Slide 34

Slide 34

Display Password: From a ND User

A Tweet from @markwwilsonmd that reads "You know what's a super fun example of ADHD, half the time I start typing in my password into my practice software, I start daydreaming 2 nanoseconds in and can't convince myself I typed it in correctly (and it's x'd out so I can't see) and I have to retype it. Feels awesome."

Slide 35

Slide 35

Anthem Health Care Log In

On the Anthem Blue Cross website their password field has the "eye" icon that can be selected to display the password or not. This is helpful for ND people in order to be sure they typed in their password correctly.

Slide 36

Slide 36

Remember Me & Autocomplete Remember Me: Working Memory

Slide 37

Slide 37

Remember Me & Autocomplete: From a ND User

A Tweet from @HipsterTaiga that reads "I have ADHD and Tourette's bro I reset my gmail password every 4 days because I can't ever remember what it is"

Slide 38

Slide 38

LastPass

There are many applications that help users store their passwords. One such app is "LastPass"

Slide 39

Slide 39

Google Password Owns My Life

All of my passwords are currently stored in Google Chrome and I welcome my google overlord as such.

Slide 40

Slide 40

Conclusion

If it makes the exchange of information better for all users, It likely is make or break for someone who is ND

Slide 41

Slide 41

Thank You!

Feel free to follow me at @ShellELittle