搜寻目录
语言目录
流动式目录
政府资讯科技总监办公室

8.26: WCAG 2.1 成功准则 4.1.2 - 名称、角色、数值

确保网页的各个部分均编上「名称」 (name)、「角色」 (role)以及「数值」 (value)的标签。一般而言,可以按相关标准编写正确的HTML编码。如果编码不正确,读屏软件会错误解读某部分的作用。在下图示例中,读屏软件会把按钮解读成图像,令视障人士感到混淆。

修正前

这个HTML编码范例展示采用img来标签表格的按钮。

上图所示的一段编码把按钮当作图像,该部分除了「角色」被编错外,而且还欠缺了「名称」。

修正后

这个HTML编码范例展示标准的HTML input标签。

用合适的HTML编码来为该部分编配 「角色」,所输入的资料为按钮类型。此外,为该部分编上一个独有的 「名称」,这样,读屏软件便能告知使用者该部分实际上是一个按钮,让他们知道可点击该按钮。

WCAG 2.1 参考:

https://www.w3.org/WAI/WCAG21/Understanding/name-role-value