Comments on: Making Calendars With Accessibility and Internationalization in Mind https://css-tricks.com/making-calendars-with-accessibility-and-internationalization-in-mind/ Tips, Tricks, and Techniques on using Cascading Style Sheets. Mon, 20 Mar 2023 18:47:25 +0000 hourly 1 https://wordpress.org/?v=6.2.2 By: Adrian Roselli https://css-tricks.com/making-calendars-with-accessibility-and-internationalization-in-mind/#comment-1803217 Mon, 20 Mar 2023 18:47:25 +0000 https://css-tricks.com/?p=376950#comment-1803217 There is a lot in the post that makes assumptions about how the semantics of elements or attributes are conveyed to screen reader users:

The <abbr> element is not very useful to screen readers, even with the title attribute.
The <time> element is meant for machine-readable dates and offers nothing to the accessibility APIs.
These visual calendar grids should be tables (which allows column & row headers and table navigation commands).
The <time> element is not an interactive control, so it should not have tabindex; put it in a <button> if you want it to take focus and it performs a function (or a link if it is meant to navigate).
If you want to support screen readers, the current date should use aria-current.

]]>