html一个按钮必须有什么状态,可访问的HTML：我需要在这些按钮上使用按...

您的模式不是手风琴.您正在将标题与面板分开.此模式是tabs,其中选项卡与选项卡面板分开.

为了首先回答您的问题,ARIA既没有提及制表符,也没有提及咏叹调的手风琴.因此答案将是“否”,您不需要这样做.

根据您的代码,似乎还对使用的属性做了一些误解.

> aria-labelledby应该包含另一个元素的ID,而不是字符串(应该是aria-label

>如果文本已经在可访问的HTML中,则根本不需要使用aria标签.只是掩饰您的HTML

> ARIA属性无法修复您的键盘导航

而不是给出< li>重复(或三重)角色,则应添加< button>.这将确保您的按钮可被包括键盘用户在内的最广泛的受众访问.

这是经过重新编写的HTML代码,但是请记住,您将需要JavaScript来处理具有aria-selected =“ true”的活动标签并建立roving tab index.

Northern Tool + Equipment sells Stihl products in the following locations:

• Minnesota
• North Dakota

…

tabindex="0"

role="tabpanel"

id="minnesota-tab"

aria-labelledby="minnesota"

class="cities Minnesota"

>

City NameCity NameCity Name

tabindex="0"

role="tabpanel"

id="north-dakota-tab"

aria-labelledby="north-dakota"

class="cities North Dakota"

hidden

>

City NameCity NameCity Name

…