Accessibility Matters to You, Too

This presentation talks about how content creators can make sure their website content is more accessible to all users.

Transcript

1. ACCESSIBILITY MATTERS (to you, too)
2. WHAT IS ACCESSIBILITY? making things work for everyone, regardless of their abilities --Robert Jolly, WordCamp Tampa 2015
3. HOW MANY PEOPLE HAVE A DISABILITY? (source: Axess Lab)
4. 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
5. REASONS FOR ACCESSIBILITY : PHYSICAL ▪Limited mobility (Those who rely on a keyboard, other hardware, or have trouble using a mouse)
6. REASONS FOR ACCESSIBILITY : HEARING ▪Partial impairment (low hearing, or deaf in one ear) ▪Total deafness
7. REASONS FOR ACCESSIBILITY : COGNITIVE ▪Learning disabilities / Dyslexia ▪Autism ▪ADHD ▪Acquired brain injuries ▪Neurodegenerative diseases ▪Age-related dementia
8. 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
9. A11Y FOR CONTENT CREATORS ▪Organization ▪Headings ▪Text ▪Links ▪Images ▪Captions and Subtitles ▪Transcripts
10. ORGANIZATION
11. A11Y FOR CONTENT CREATORS: HEADINGS Use headings sequentially and sensibly. Google likes this, too.
12. A11Y FOR CONTENT CREATORS: TEXT Break your content into smaller paragraphs. Long paragraphs can be challenging for anyone dealing with distractions.
13. COLOR (CONTRAST) The new block editor makes it easy to customize paragraphs with colors. See a warning? Don’t ignore it!
14. 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.
15. A11Y FOR CONTENT CREATORS: IMAGES Images are not for text.
16. WHAT’S BEHIND THE IMAGE IS IMPORTANT. Describing an image in an alt tag helps both accessibility and SEO.
17. 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).
18. A11Y FOR CONTENT CREATORS: TRANSCRIPTS If you post video or audio on your site, consider offering transcripts.
19. 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)
20. 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
21. ACCESSIBILITY FOR WORDPRESS Areas to consider which might not be part of your theme, but a plugin instead: ▪Forms ▪Mobile menus ▪Search engine optimization
22. IS YOUR WEBSITE ACCESSIBLE? HTTPS://DESIGNTLC.COM/IS -YOUR-WEBSITE-ACCESSIBLE/
23. ACCESSIBILITY ACCORDING TO ACTUAL PEOPLE WITH DISABILITIES HTTPS://AXESSLAB.COM/ACCESSIBILITY -ACCORDING-TO-PWD
24. HOW TO CONDUCT AN ACCESSIBILITY AUDIT ON YOUR SITE Source: https://torquemag.Io/2019/09/conduct -accessibility-audit/
26. GENERATE AN ACCESSIBILITY STATEMENT https:/ /www.w3.org/WAI/planning/statements/generator/ #create
27. THANK YOU robincornett.com @robincornett