Getting Started With Accessibility - WordPress Accessibility Day 2022

Accessibility can be overwhelming and it can be hard to know where and how to get started. This talk will cover the basics, such as colour, images, headings, language, and more. This is a great beginner talk, but also a refresher for those who may have forgotten the basics or want to make sure they cover them.

Want details on specific things that I talked about (including sources), or a transcript of the talk? They are available at gregoryhammond.ca .

Want to watch me present this? The full talk is available on YouTube.

Transcript

1. WP Accessibility Day 2022. @devGregory on Twitter
   Getting Started With Accessibility
   By: Gregory Hammond
   Slides available for browsing and
   download at: https://bit.ly/wpad2022
   

   View Slide

2. WP Accessibility Day 2022. @devGregory on Twitter
   Why Is Accessibility Important?
   1/4 people have a
   disability (could be
   visible or invisible)
   

   View Slide

3. WP Accessibility Day 2022. @devGregory on Twitter
   Choose A Theme
   

   View Slide

4. WP Accessibility Day 2022. @devGregory on Twitter
   Headings
   Use h1 through h6
   

   View Slide

5. WP Accessibility Day 2022. @devGregory on Twitter
   Language
   Simple language?
   

   View Slide

6. WP Accessibility Day 2022. @devGregory on Twitter
   Images
   Add alt text
   

   View Slide

7. WP Accessibility Day 2022. @devGregory on Twitter
   Colour
   Minimum of 3:1
   4.5:1 for paragraph
   The higher the better
   

   View Slide

8. WP Accessibility Day 2022. @devGregory on Twitter
   Fonts
   There isn’t a best font
   Limit the number to three or
   less
   

   View Slide

9. WP Accessibility Day 2022. @devGregory on Twitter
   Font Spacing & Size
   Include enough space between letters
   and paragraphs
   16px to start
   Make sure 200% zoom can be used
   

   View Slide

10. WP Accessibility Day 2022. @devGregory on Twitter
    Audio And Video
    Don’t auto-play
    Include closed captions &
    audio description
    

    View Slide

11. WP Accessibility Day 2022. @devGregory on Twitter
    Links
    Blue in colour and
    underlined
    Make it descriptive
    

    View Slide

12. WP Accessibility Day 2022. @devGregory on Twitter
    Visit Your Website?
    Fully load in 3 seconds or
    less
    And look good on a
    smaller device
    

    View Slide

13. WP Accessibility Day 2022. @devGregory on Twitter
    This isn’t a guide to
    make your website
    100% accessible
    

    View Slide

14. WP Accessibility Day 2022. @devGregory on Twitter
    Slides available at: https://bit.ly/wpad2022
    Thanks to the WordPress Accessibility
    Day Organizing team
    Questions? All my contact methods
    are available at gregoryhammond.ca
    

    View Slide