jsf - 由于不受支持的 aria-label 属性，JSF 数据表不符合 WCAG

Question

我正在使用 JSF 对我的应用程序进行编码，它有一个数据表。

数据表的每一行在第一列中都有一个复选框，在其余列中有一些文本。

我的应用程序需要遵守 WCAG 2.0，并且我正在使用 Chrome 扩展程序“Axe”来扫描我的应用程序。

“Axe”工具标记出带有复选框的数据表不符合“确保每个表单元素都有标签”条款，建议的解决方案是添加“aria-label”属性。

但是 JSF 数据表没有“aria-label”属性。

请问有没有高手有什么解决办法？

标签： jsfdatatablewcag

Answer 1

JSF 2.2 支持传递属性。因此很容易将自定义属性添加到 primefaces 标记中。

1. 在顶部添加标签引用：

xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"

2. 在 primefaces 标签内声明它：

p:inputText value="#{bean.value}" pt:aria-label="Whatever you want"