WCAG 2.0 H44 - 如何在文本框使用占位符文本时添加标签
WCAG 2.0 H44 - How to add label when textbox uses placeholder text
对于 H44，为了遵守成功标准（1.1.1、1.3.1、3.3.2 和 4.1.2），我需要为 input 文本框添加“标签”。然而，当文本框的标签文本作为占位符在文本框内时，我们如何才能满足这些标准呢？
https://www.w3.org/TR/WCAG20-TECHS/H44.html
例如，如果您滚动到 https://www.goorin.com/ 的 footer/bottom，您会看到一个用于订阅他们的电子邮件通讯的文本框，文本框内有占位符文本 "Enter your email address".这是标签文本。如果不更改 page/footer 的设计以在文本框之外添加标签文本，我就无法添加实际的可见标签吗？即使我通过 CSS 隐藏标签，它也不符合 3.3.2.
对标签使用 placeholder 属性在 html 规范中被明确指出是一件坏事。请参阅 placeholder spec 下的 warning。许多屏幕 readers 不会读取占位符。它的使用应该提供有关您需要输入到字段中的数据格式的线索，而不是字段的标签。
WCAG 3.3.2 表示通常需要标签，但如果 <input> 的上下文给出了标签应该是什么的线索，那么 visible可能不需要标签，但您仍然需要屏幕隐藏标签 reader。
对于 H44，为了遵守成功标准（1.1.1、1.3.1、3.3.2 和 4.1.2），我需要为 input 文本框添加“标签”。然而，当文本框的标签文本作为占位符在文本框内时，我们如何才能满足这些标准呢？
https://www.w3.org/TR/WCAG20-TECHS/H44.html
例如，如果您滚动到 https://www.goorin.com/ 的 footer/bottom，您会看到一个用于订阅他们的电子邮件通讯的文本框，文本框内有占位符文本 "Enter your email address".这是标签文本。如果不更改 page/footer 的设计以在文本框之外添加标签文本，我就无法添加实际的可见标签吗？即使我通过 CSS 隐藏标签，它也不符合 3.3.2.
对标签使用 placeholder 属性在 html 规范中被明确指出是一件坏事。请参阅 placeholder spec 下的 warning。许多屏幕 readers 不会读取占位符。它的使用应该提供有关您需要输入到字段中的数据格式的线索，而不是字段的标签。
WCAG 3.3.2 表示通常需要标签，但如果 <input> 的上下文给出了标签应该是什么的线索，那么 visible可能不需要标签，但您仍然需要屏幕隐藏标签 reader。