3 easy a11y wins
Rian Rietveld
WordPress Engineer @ Human Made
Tell a storywith your headings
<a href="url" class="fa fa-twitter”>
<span class="sr-only">Twitter</span>
</a>
.screen-reader-textWordPress
.screen-reader-textWordPress
Bootstrap
.sr-only
.screen-reader-textWordPress
Bootstrap
.sr-only
Do not use display: none;
"If it's supposed to act like a button, it should be a
button." Joe Dolson
<div> or <span>is not for a menu toggle
1 tell a story with headings
2 use meaningful link text
3 use the right HTML5 elements