detailsview - 使 DetailsView 508 中的文本框、复选框、下拉菜单兼容

Question

我有一些下拉列表和复选框的详细信息视图。现在我正在尝试使这些输入字段符合 508 标准。

有人知道这个修复吗？

Answer 1

第 508 节的适用段落 是

(n) 当电子表格设计为在线填写时，表格应允许使用辅助技术的人员访问填写和提交表格所需的信息、字段元素和功能，包括所有方向和提示。

这对应于WCAG关于“上下文和方向信息”的部分。正确使用label元素，包括for标签，几乎涵盖了与下拉列表和复选框相关的所有内容。例如：

<label for="mysel">Select a language:</label>
    <select name="mysel" id="mysel">
        <option value="en-us">US English</option>

等等，或

<input type="checkbox" name="mycb" id="mycb" value="Reminders - Yes"/> 
<label for="mycb">I would like to receive email reminders</label>