Slide 1
Slide 1 text
ACCESSIBILITY
MATTERS
(to you, too)
Slide 2
Slide 2 text
WHAT IS ACCESSIBILITY?
making things work for everyone,
regardless of their abilities
--Robert Jolly, WordCamp Tampa 2015
Slide 3
Slide 3 text
HOW MANY PEOPLE
HAVE A DISABILITY?
(source: Axess Lab)
Slide 4
Slide 4 text
REASONS FOR ACCESSIBILITY:
VISUAL
▪Color blindness (Monochromic, red-green, blue-
yellow)
▪Partially sighted (Can be corrected with contact
lenses or glasses)
▪Low vision (Cannot be corrected. Cataracts,
glaucoma, macular degeneration, etc…)
▪Total blindness
Slide 5
Slide 5 text
REASONS FOR ACCESSIBILITY :
PHYSICAL
▪Limited mobility (Those who rely on a keyboard,
other hardware, or have trouble using a mouse)
Slide 6
Slide 6 text
REASONS FOR ACCESSIBILITY :
HEARING
▪Partial impairment (low hearing, or deaf in one ear)
▪Total deafness
Slide 7
Slide 7 text
REASONS FOR ACCESSIBILITY :
COGNITIVE
▪Learning disabilities / Dyslexia
▪Autism
▪ADHD
▪Acquired brain injuries
▪Neurodegenerative diseases
▪Age-related dementia
Slide 8
Slide 8 text
REASONS FOR ACCESSIBILITY :
SITUATIONAL
▪Noisy children
▪Crowded coffee shop
▪Sleeping babies
▪Wrist brace/cast due to injury
▪Using a mobile device/small screen
▪Sun glare
▪Tiredness
Slide 9
Slide 9 text
A11Y FOR CONTENT CREATORS
▪Organization
▪Headings
▪Text
▪Links
▪Images
▪Captions and Subtitles
▪Transcripts
Slide 10
Slide 10 text
ORGANIZATION
Slide 11
Slide 11 text
A11Y FOR CONTENT CREATORS:
HEADINGS
Use headings sequentially and sensibly.
Google likes this, too.
Slide 12
Slide 12 text
A11Y FOR CONTENT CREATORS:
TEXT
Break your content into smaller paragraphs.
Long paragraphs can be challenging for
anyone dealing with distractions.
Slide 13
Slide 13 text
COLOR
(CONTRAST)
The new block editor makes it
easy to customize paragraphs
with colors.
See a warning? Don’t ignore it!
Slide 14
Slide 14 text
A11Y FOR CONTENT CREATORS:
LINKS
Link text needs to be helpful and should
explain what the link target is.
“Click here” does not qualify.
Forcing links to open in a new tab is not
friendly.
Slide 15
Slide 15 text
A11Y FOR
CONTENT
CREATORS:
IMAGES
Images are not for text.
Slide 16
Slide 16 text
WHAT’S
BEHIND THE
IMAGE IS
IMPORTANT.
Describing an
image in an alt
tag helps both
accessibility and
SEO.
Slide 17
Slide 17 text
A11Y FOR CONTENT CREATORS:
CAPTIONS/SUBTITLES
Captions can help explain both images (for
users with visual disabilities—or limited
bandwidth) and videos (for users with hearing
disabilities—or sleeping children, or talkative
neighbors in a coffee shop).
Slide 18
Slide 18 text
A11Y FOR CONTENT CREATORS:
TRANSCRIPTS
If you post video or audio on your site,
consider offering transcripts.
Slide 19
Slide 19 text
THEME
SHOPPING?
Things to look for/includes in an accessibility-ready
theme:
▪ Color contrast (4.5:1 ratio)
▪ Decent font size
▪ Links should stand out visually (underline)
Slide 20
Slide 20 text
THEME
SHOPPING?
Things to look for in an accessibility-ready theme:
▪ Skip links (can you tab?)
▪ Accessible drop-down menus
▪ Screen-reader-text
▪ “read more” links which include post titles
Slide 21
Slide 21 text
ACCESSIBILITY FOR WORDPRESS
Areas to consider which might not be part of your theme,
but a plugin instead:
▪Forms
▪Mobile menus
▪Search engine optimization
Slide 22
Slide 22 text
IS YOUR WEBSITE ACCESSIBLE?
HTTPS://DESIGNTLC.COM/IS -YOUR-WEBSITE-ACCESSIBLE/
Slide 23
Slide 23 text
ACCESSIBILITY ACCORDING TO ACTUAL PEOPLE WITH
DISABILITIES
HTTPS://AXESSLAB.COM/ACCESSIBILITY -ACCORDING-TO-PWD
Slide 24
Slide 24 text
HOW TO CONDUCT AN ACCESSIBILITY AUDIT ON YOUR
SITE
Source: https://torquemag.Io/2019/09/conduct -accessibility-audit/
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
GENERATE AN
ACCESSIBILITY
STATEMENT
https:/
/www.w3.org/WAI/planning/statements/generator/
#create
Slide 27
Slide 27 text
THANK YOU
robincornett.com
@robincornett