Your daily frequent11y newsletter, brought to you by @ChrisBAshton:
5 Ways You’re Not Making Your Website Accessible
- A listicle by Twan Mulder, which I wasn’t expecting to learn anything from – but then I learned something from the very first point! It was this:
- You often need to denote the ‘current’ page in navigation, and you see this in the wild with
class="active"
or similar in the markup. Instead, it should usearia-current="page"
, to tell screen readers this is a link to the same page they’re already on. - The other tips are to use
aria-hidden
to hide decorative separators between links; add visually hidden text to your icon links; apply ARIA markup to your<div>
if you insist on not using a<button>
; and, somewhat obviously, providealt
text for your images.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.