Screen-reading dates

· #tweet #a11y

What might look perfectly readable to the human eye may not be picked up very well by screen readers.

As you can see, in this example, VoiceOver thinks the “2018 - 15” section is a single unit that should be read as “2018 to 2015”.

To give screen readers a fighting chance, you should always make sure to use more semantic elements available in HTML, such as <time>, if applicable.

Photo of Liam Hammett

Liam Hammett

Full-stack software developer that loves working with PHP, Laravel and Vue.