How can a button be not announced as "button" by screenreader when it reads it?

时间:2018-07-24 10:15:38

标签: accessibility jaws-screen-reader

I have HTML buttons and want them to not be announced as buttons by the screen reader. Is there a way for it? I am using the button for Rating.

1 个答案:

答案 0 :(得分:2)

您希望将其声明为哪种对象?当您拥有“评级”类型的对象时,用户是否不必单击它来设置评级?因此,例如,如果您有5颗可能的星星,并且用户希望给它4颗星星的评级,那么他们是否不必单击第4颗星星?点击的行为也需要传达给屏幕阅读器。

它可能不是具有5个单选按钮的单选组,而是具有5个“按钮”。或者我认为它可能是“滑块”。但是,无论您认为合适什么对象,都必须宣布该对象的角色,以便屏幕阅读器用户知道如何与之交互。当屏幕阅读器用户听到“按钮”时,他们知道他们可以在其上按下 Space Enter 来选择它。如果他们听到“单选按钮”或“滑块”,他们知道可以使用箭头键来更改选择。

我将使用单选组和单选按钮,因为您的评分将是X对象的互斥集合,您只能选择其中一个。

有关示例,请参见https://www.w3.org/WAI/tutorials/forms/custom-controls/#a-star-rating