Slide 1

Slide 1 text

#SparkboxUnConf @catheraaine Understanding How People with Cognitive Disabilities Use the Web Catherine Meade Developer at Sparkbox

Slide 2

Slide 2 text

#SparkboxUnConf @catheraaine

Slide 3

Slide 3 text

#SparkboxUnConf @catheraaine

Slide 4

Slide 4 text

#SparkboxUnConf @catheraaine

Slide 5

Slide 5 text

#SparkboxUnConf @catheraaine Cognitive Disabilities

Slide 6

Slide 6 text

#SparkboxUnConf @catheraaine "In loose terms, a person with a cognitive disability has greater difficulty with one or more types of mental tasks than the average person." WebAim WHAT IS A COGNITIVE DISABILITY?

Slide 7

Slide 7 text

#SparkboxUnConf @catheraaine Clinical vs. Functional

Slide 8

Slide 8 text

#SparkboxUnConf @catheraaine ▸ Memory ▸ Problem-solving ▸ Attention ▸ Reading, linguistic, and verbal comprehension ▸ Math comprehension ▸ Visual comprehension WHAT IS A COGNITIVE DISABILITY? Types of Cognitive Disabilities

Slide 9

Slide 9 text

#SparkboxUnConf @catheraaine WHAT IS A COGNITIVE DISABILITY? webaim.org/ articles/ cognitive

Slide 10

Slide 10 text

#SparkboxUnConf @catheraaine Memory The ability to recall what is learned over time.

Slide 11

Slide 11 text

#SparkboxUnConf @catheraaine Memory Interactions are as simple as possible Different tasks on different pages Constant reminders of context

Slide 12

Slide 12 text

#SparkboxUnConf @catheraaine MEMORY Shopify

Slide 13

Slide 13 text

#SparkboxUnConf @catheraaine Problem-solving The process of finding solutions to difficult issues.

Slide 14

Slide 14 text

#SparkboxUnConf @catheraaine Problem-solving High tolerance for mistakes Clear error messaging Predictable functionality Warnings before permanent actions or context changes

Slide 15

Slide 15 text

#SparkboxUnConf @catheraaine PROBLEM-SOLVING

Slide 16

Slide 16 text

#SparkboxUnConf @catheraaine Attention Taking notice of someone or something, or focusing on a task.

Slide 17

Slide 17 text

#SparkboxUnConf @catheraaine Attention Limit distractions Create visual hierarchy Clearly identify important actions on the page

Slide 18

Slide 18 text

#SparkboxUnConf @catheraaine Reading, Linguistic, and Verbal Comprehension Understanding text or language

Slide 19

Slide 19 text

#SparkboxUnConf @catheraaine "an estimated 15-20% of the population […] has some sort of language or text comprehension difficulty." WebAim READING, LINGUISTIC, AND VERBAL COMPREHENSION

Slide 20

Slide 20 text

#SparkboxUnConf @catheraaine Reading, linguistic, and verbal comprehension Supplemental media Use recognized structure Clear, simple sentences Avoid non-literal or inferred text

Slide 21

Slide 21 text

#SparkboxUnConf @catheraaine READING, LINGUISTIC, AND VERBAL COMPREHENSION seesparkbox.com/ foundry/ dyslexia_web_design_accessibility

Slide 22

Slide 22 text

#SparkboxUnConf @catheraaine Math Comprehension Understanding numbers and equations

Slide 23

Slide 23 text

#SparkboxUnConf @catheraaine Math Comprehension Avoid unnecessary math Provide conceptual explanations Perform computations automatically

Slide 24

Slide 24 text

#SparkboxUnConf @catheraaine Visual Comprehension Understanding visual and graphical information

Slide 25

Slide 25 text

#SparkboxUnConf @catheraaine "…they may not realize that a photograph of a person is a representation of a person, though they can plainly see the photograph itself (as an object) on the web page." WebAim READING, LINGUISTIC, AND VERBAL COMPREHENSION

Slide 26

Slide 26 text

#SparkboxUnConf @catheraaine Visual Comprehension Multiple formats of information

Slide 27

Slide 27 text

#SparkboxUnConf @catheraaine ▸ Memory ▸ Problem-solving ▸ Attention ▸ Reading, linguistic, and verbal comprehension ▸ Math comprehension ▸ Visual comprehension WHAT IS A COGNITIVE DISABILITY? Types of Cognitive Disabilities

Slide 28

Slide 28 text

#SparkboxUnConf @catheraaine INCLUSIVE DESIGN Inclusive Design is a process Accessibility is a result

Slide 29

Slide 29 text

#SparkboxUnConf @catheraaine Thank you! Catherine Meade @catheraaine