Describing different date formats in the Admin general settings page

[rianrietveld]

For the settings pages in the WordPress administration area we have a few fields for setting a date format. And we have trouble finding a way to make these settings clear for screen reder users. Screen readers handle announcing dashes, slashes and commas differently, but also some interpunction is omitted.

This is about choosing a format, with dashes, commas and slahes, not by the date format itself.
For a standalone example of the settings page see the Date Format fieldset:
https://wpaccessibility.github.io/test-forms/options-general.html

Is there a way to let a screen reader pronounce the commas, dashed and slashes properly.
Or do you have suggestions on how to improve this?
Please post your suggestions below or mail them to [email protected]

Related posts:

• https://www.nngroup.com/articles/date-input/
• http://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/
• https://accessibility.blog.gov.uk/2017/02/08/advice-for-creating-content-that-works-well-with-screen-readers/

[rianrietveld]

Some comments in Twitter:
https://twitter.com/RianRietveld/status/836216125436362752

[rianrietveld]

@grahamarmfield added aria-labels to explain the format:
http://research.coolfields.co.uk/forms/radio-date-format-aria-lab.html