可访问性如何用于评分组件?

时间:2019-01-22 13:25:18

标签: html accessibility wai-aria rating

我正在创建一个评分组件,并希望向其中添加可访问性功能。必须添加什么所有aria属性?标签导航是什么? 即在向右/向左箭头单击或单击其他键时应如何操作?

1 个答案:

答案 0 :(得分:0)

这个问题可能没有唯一的明确答案。您可以根据所需的确切行为对组件进行不同的设计。

您的评分成分是只读的吗?用户可以一次只给一次评分,还是可以随时改变主意? 用户设置或更改评分时,是否会立即考虑该评分,还是必须单击“确定/保存”按钮? 是可能会改变事情的几个问题中的三个。

例如,可能是最简单的: 您可以将您的组件视为一系列标记为1、2、3,... 10的单选按钮。 如果您使用带有标签的真正的单选按钮<input type="radio"/>,则使组件可访问的工作量很小。

有点困难,您可能会看到组件是一个滑块。在这种情况下,它将变得更加困难,因为您可能需要使用一些ARIA。 请参考W3C创作惯例以正确实现它。

这是用于允许输入的组件。现在,如果您的组件是只读的或在用户给定等级后才变为只读,请记住,毕竟等级只是两个数字(获得的速率和最大可能的速率)之间的比率。

只要您将文本中的两个数字放在某处,例如: “ 4/5”或“ 4从5开始”在一个可以按原样读取的位置和形式中。其余的纯是可选装饰。

但是,如果您真的不想在任何地方给出清楚的数字,那么您将失败。例如,色盲不会看到它是绿色还是红色,屏幕阅读器用户不会知道条形的大小或数量,等等。 我完全可以理解出于许多原因愿意隐藏确切数字的想法,但这对可访问性不是一个好主意。