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-hiddento 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, providealttext 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.