Share
Embed
Slide 1
Slide 1 text
INCREASE YOUR PRODUCT
QUALITY THROUGH
ACCESSIBILITY
VICTORIA GONDA
@TTGONDA · VICTORIAGONDA.COM
@TTGonda
Slide 2
Slide 2 text
GO TO
MENTI.COM
@TTGonda
Slide 3
Slide 3 text
WHAT IS
ACCESSIBILITY?
@TTGonda
Slide 4
Slide 4 text
WHY SHOULD
YOU CARE?
@TTGonda
Slide 5
Slide 5 text
MAKES A BETTER
PRODUCT
A PRODUCT THAT IS CREATED WITH
ACCESSIBILITY IN MIND PROVIDES A BETTER
EXPERIENCE FOR EVERYONE.
@TTGonda
Slide 6
Slide 6 text
WIDER AUDIENCE
1 IN 4 ADULTS IN THE US HAVE SOME TYPE
OF DISABILITY
@TTGonda
Slide 7
Slide 7 text
DRIVE INNOVATION
CONSTRAINTS ARE FUEL FOR CREATIVITY
@TTGonda
Slide 8
Slide 8 text
LEGAL REASONS
ADA COMPLIANCE
@TTGonda
Slide 9
Slide 9 text
TREAT YOUR USERS WITH
CARE
LET’S CHANGE THE NARRATIVE “HEROIC
DISABLED PERSON OVERCOMES OBSTACLES”
TO “SOCIETY IS INCLUSIVE, ALL CAN
SUCCEED.” - HABEN GIRMA
@TTGonda
Slide 10
Slide 10 text
QUIZ TIME!
@TTGonda
Slide 11
Slide 11 text
ACCESSIBILITY TOOLS
> Screen reader
> Display size and font size
> Color changes
@TTGonda
Slide 12
Slide 12 text
ACCESSIBILITY TESTING
> Manual/user testing
> Accessibility Scanner/Axe
> Automated tests
> Lint checks
@TTGonda
Slide 13
Slide 13 text
@TTGonda
Slide 14
Slide 14 text
WGAC
DIMENSIONS OF
ACCESSIBILITY
PERCEIVABLE, OPERABLE, UNDERSTANDABLE, ROBUST
@TTGonda
Slide 15
Slide 15 text
PERCEIVABLE
"INFORMATION AND USER INTERFACE
COMPONENTS MUST BE PRESENTABLE TO
USERS IN WAYS THEY CAN PERCEIVE."
@TTGonda
Slide 16
Slide 16 text
QUIZ TIME!
@TTGonda
Slide 17
Slide 17 text
LABELING
Images and image buttons
> Make sure they have a description. contentDescription
for Android and accessibilityLabel on iOS.
Inputs
> Make sure inputs are clearly labeled with what they are for.
@TTGonda
Slide 18
Slide 18 text
TIME BASED MEDIA
Audio, video, and auto advance
> Provide alternatives, or
> Make them optional
@TTGonda
Slide 19
Slide 19 text
TIME BASED MEDIA
Audio, video, and auto advance
> Provide alternatives, or
> Make them optional
Also
> Allow rewinding and skipping
@TTGonda
Slide 20
Slide 20 text
RELATIONSHIP AND
ORDERING
> Arrange the items on the screen in an
order that makes sense
> Group items together
@TTGonda
Slide 21
Slide 21 text
SENSORY CUES
Don't rely on only a visual or audio cue to convey
information
> This includes things like shape, color, size, visual location,
orientation, or sound
@TTGonda
Slide 22
Slide 22 text
ORIENTATION
Allow both portrait and landscape
> Yes, this might mean designing for both screen layouts
@TTGonda
Slide 23
Slide 23 text
COLOR
Color contrast
> Make sure you have adequate color contrast on words and
buttons
@TTGonda
Slide 24
Slide 24 text
COLOR
Color contrast
> Make sure you have adequate color contrast on words and
buttons
Conveying information
> Don't use color for the only visual means of conveying
information
@TTGonda
Slide 25
Slide 25 text
FONT AND DISPLAY SIZE
> Your app should still be usable with
large sizes
@TTGonda
Slide 26
Slide 26 text
@TTGonda
Slide 27
Slide 27 text
OPERABLE
"USER INTERFACE COMPONENTS AND
NAVIGATION MUST BE OPERABLE."
@TTGonda
Slide 28
Slide 28 text
QUIZ TIME!
@TTGonda
Slide 29
Slide 29 text
NAVIGATION
> Can everything be reached using a screen reader?
> Does the order make sense?
> And is the meaning clear?
@TTGonda
Slide 30
Slide 30 text
TIMING
Give users enough time to complete a task
Allow extending time if needed, or don't put time limits at all
@TTGonda
Slide 31
Slide 31 text
GESTURES AND POINTERS
Multi-touch gesture actions should be accessible via a
single touch
And you should be able to back out of single touch ones, too
@TTGonda
Slide 32
Slide 32 text
TOUCH TARGETS
> Make sure items are large enough to interact with
@TTGonda
Slide 33
Slide 33 text
UNDERSTANDABLE
"INFORMATION AND THE OPERATION OF USER
INTERFACE MUST BE UNDERSTANDABLE."
@TTGonda
Slide 34
Slide 34 text
LANGUAGE!
> Internationalization
> Unusual words and idioms
> Abbreviations
@TTGonda
Slide 35
Slide 35 text
CONSISTENCY
> Labeling
> Ordering
> Context
@TTGonda
Slide 36
Slide 36 text
ROBUST
"CONTENT MUST BE ROBUST ENOUGH THAT IT
CAN BE INTERPRETED BY BY A WIDE
VARIETY OF USER AGENTS, INCLUDING
ASSISTIVE TECHNOLOGIES."
@TTGonda
Slide 37
Slide 37 text
BUILD QUALITY APPS.
BUILD FOR THE WORLD
YOU WANT.
@TTGonda
Slide 38
Slide 38 text
WORD CLOUD: WHAT
THINGS CAN YOU
REMEMBER TO LOOK FOR
TO KEEP YOUR APP
ACCESSIBLE?
@TTGonda
Slide 39
Slide 39 text
THANK YOU
VICTORIA GONDA
RESOURCES: VICTORIAGONDA.COM/TALKS
@TTGonda