Accessibility Matters to You, Too

Accessibility Matters to You, Too

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

9f7bbe71ac0aa76444effb1cdc66488d?s=128

Robin Cornett

March 05, 2020
Tweet

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/
  25. None
  26. GENERATE AN ACCESSIBILITY STATEMENT https:/ /www.w3.org/WAI/planning/statements/generator/ #create

  27. THANK YOU robincornett.com @robincornett