Diving into web accessibility can be overwhelming. Where to start? What is important? Let me give you 3 tips to improve the accessibility of your website and explain you why they work.

1. 3 easy a11y wins
Rian Rietveld
WordPress Engineer @ Human Made

2. 1: headings

3. Tell a story
with your
headings

4. 1 <h1>

9. 2: links

10. Use
meaningful
link text

13. <a href="url" class="fa fa-twitter”>
<span class="sr-only">Twitter</span>
</a>

14. .screen-reader-text
WordPress

15. .screen-reader-text
WordPress
Bootstrap
.sr-only

16. .screen-reader-text
WordPress
Bootstrap
.sr-only
Do not use display: none;

17. 3:proper use of
elements

18. "If it's
supposed to act
like a button,
it should be a
button."
Joe Dolson

19. <div> or <span>
is not for a
menu toggle

20. use a
<button>

21. 1 tell a story with headings
2 use meaningful link text
3 use the right HTML5 elements

22. @RianRietveld
Thank you!