accessibility - 为屏幕阅读器定义文本框的读出值

Question

处理可访问性，有一个包含日期的文本框（格式取决于选择的语言）。屏幕阅读器会逐字阅读文本框中当前的日期（“十二斜线哦五斜线二十三”表示 2013 年 5 月 12 日）。

1) 如何让阅读器程序读出“12 May 23”？

2) 如何告诉读者输入文本框所需的格式？例如“日-斜线-月-斜线-年”

我是这个主题的新手，不熟悉这些概念。非常欢迎任何想法或提示、细节或概念的链接。

Answer 1

1）你不能。我不会担心的。

2）屏幕阅读器需要<label>正确阅读，你可以这样做

<label for="date">Birthday (DD/MM/YYYY)</label>
<input id="date" name="date" type="text"/>

如果要隐藏格式，可以执行以下操作：

 <label for="date">Birthday <span class="hidden">DD/MM/YYY</span></label>

隐藏的地方是：

.hidden {
 position: absolute;
 top: 0;
 left: -999px;
}