8.26: WCAG 2.1 成功准则 4.1.2 - 名称、角色、数值
确保网页的各个部分均编上「名称」 (name)、「角色」 (role)以及「数值」 (value)的标签。一般而言,可以按相关标准编写正确的HTML编码。如果编码不正确,读屏软件会错误解读某部分的作用。在下图示例中,读屏软件会把按钮解读成图像,令视障人士感到混淆。
修正前
上图所示的一段编码把按钮当作图像,该部分除了「角色」被编错外,而且还欠缺了「名称」。
修正后
用合适的HTML编码来为该部分编配 「角色」,所输入的资料为按钮类型。此外,为该部分编上一个独有的 「名称」,这样,读屏软件便能告知使用者该部分实际上是一个按钮,让他们知道可点击该按钮。
WCAG 2.1 参考:
https://www.w3.org/WAI/WCAG21/Understanding/name-role-value