What does this mean?
• Someone with low, obstructed, or constricted vision
• My color blind father
• Each of our aging grandparents
VISUAL
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
• Navigation
• Visual content
• Orientation & boundaries
• Contrast & size
• Peripheral interaction
What should I look for?
VISUAL
Slide 32
Slide 32 text
• Design
• Keyboard navigation
• Screen readers
How is this solved?
VISUAL
Slide 33
Slide 33 text
Visual
Motor or Physical
Auditory
Cognitive
Slide 34
Slide 34 text
• Someone like my cousin Emily, with a disability from birth
• The wounded vet that uses prosthetics
• Or even my niece with her broken arm or finger
What does this mean?
MOTOR OR PHYSICAL
Slide 35
Slide 35 text
• Gesture alternatives & sensitivity touches
• Reach/orientation on mobile
• Non physical navigation
What should I look for?
MOTOR OR PHYSICAL
Slide 36
Slide 36 text
• Keyboard or touch navigation
• Speech
• Eye trackers, tongue sensitivity clickers etc
How is this solved?
MOTOR OR PHYSICAL
Slide 37
Slide 37 text
Visual
Motor or Physical
Auditory
Cognitive
Slide 38
Slide 38 text
• Someone who is completely non hearing
• My grandfather who wears a hearing aid
What does this mean?
AUDITORY
Slide 39
Slide 39 text
• Embedded videos
• Alternative contact information
What should I look for?
AUDITORY
Slide 40
Slide 40 text
• Closed captioning & transcripts
• Alternative communication
How is this solved?
AUDITORY
Slide 41
Slide 41 text
Visual
Motor or Physical
Auditory
Cognitive
Slide 42
Slide 42 text
• My cousin Matthew who has down syndrome
• The little boy I babysit with autism
• Your friend who may have dyslexia
• Me with extreme motion sickness
What does this mean?
COGNITIVE
Slide 43
Slide 43 text
• Visual density
• Memory gestures
• Distracting content
• Fonts
• Excessive movements
What should I look for?
COGNITIVE
Slide 44
Slide 44 text
• K.I.S.S.
• Clear & consistent layouts
• Smart color palettes
• Controllable interactions
• Subtle movements
How is this solved?
COGNITIVE
Slide 45
Slide 45 text
Where are we
today?
Slide 46
Slide 46 text
Not awful, but not
great.
Slide 47
Slide 47 text
There are so many
devices
Slide 48
Slide 48 text
Where can I
start?
Slide 49
Slide 49 text
Accessibility takes a
full team
Slide 50
Slide 50 text
Project managers
Slide 51
Slide 51 text
Make accessibility a
priority from the
beginning
PROJECT MANAGERS
Slide 52
Slide 52 text
Educate the client
PROJECT MANAGERS
Slide 53
Slide 53 text
Content creators
Slide 54
Slide 54 text
Include meaningful
alternative (alt) text for
all visuals
CONTENT CREATORS
Slide 55
Slide 55 text
Headings to organize
structure and content
CONTENT CREATORS
Slide 56
Slide 56 text
Descriptive link text
CONTENT CREATORS
Slide 57
Slide 57 text
Provide captions,
transcripts and
descriptions for media
CONTENT CREATORS
Slide 58
Slide 58 text
Designers
Slide 59
Slide 59 text
Content first
DESIGNERS
Slide 60
Slide 60 text
Be mindful of typography
DESIGNERS
Slide 61
Slide 61 text
Provide good contrast for
colorblindness and low
vision
DESIGNERS
Slide 62
Slide 62 text
No content
Slide 63
Slide 63 text
No content
Slide 64
Slide 64 text
No content
Slide 65
Slide 65 text
No content
Slide 66
Slide 66 text
Don’t rely on color only, to
show distinctions
DESIGNERS
Slide 67
Slide 67 text
No content
Slide 68
Slide 68 text
No content
Slide 69
Slide 69 text
Create clear and intuitive
layouts
DESIGNERS
Slide 70
Slide 70 text
No content
Slide 71
Slide 71 text
Critique Critique Critique
DESIGNERS
Slide 72
Slide 72 text
Developers
Slide 73
Slide 73 text
Use semantic markup for
hierarchy & structure
DEVELOPERS
Slide 74
Slide 74 text
No content
Slide 75
Slide 75 text
Pay special attention to
markup on forms
DEVELOPERS
Slide 76
Slide 76 text
No content
Slide 77
Slide 77 text
Capture content creators
needs
DEVELOPERS
Slide 78
Slide 78 text
Enable keyboard
navigation
DEVELOPERS
Slide 79
Slide 79 text
Include ARIA attributes
(Accessible Rich Internet Applications)
DEVELOPERS