我的页面中有“播放/停止按钮元素”。按下按钮时,按钮变为“播放”或“停止”。
当它处于播放或停止模式时,我是否需要为其添加 WAI-ARIA 标签?或者只是更改按钮的标题?
<button title="stop video" class="BtnStyle Video Stop">Stop icon</button>
<button title="play video" class="BtnStyle Video play">Play icon</button>
我的页面中有“播放/停止按钮元素”。按下按钮时,按钮变为“播放”或“停止”。
当它处于播放或停止模式时,我是否需要为其添加 WAI-ARIA 标签?或者只是更改按钮的标题?
<button title="stop video" class="BtnStyle Video Stop">Stop icon</button>
<button title="play video" class="BtnStyle Video play">Play icon</button>
你所拥有的是一个切换按钮。要制作可访问的切换按钮,您需要添加aria-pressed="true/false"
. 基于它是否正在播放 aria-pressed 是真还是假。您可以在此处阅读更多信息:https ://www.w3.org/TR/wai-aria-practices-1.1/examples/button/button.html