我有下面的代碼來(lái)顯示多選下拉菜單中的按鈕。我用過(guò)tabindex = & quot0 & gt；對(duì)于每個(gè)標(biāo)簽。還在CSS中增加了焦點(diǎn)。

.btn-clear-all:focus?{
  outline:?-webkit-focus-ring-color?auto?1px;
  outline:?1px?solid?black;
}

<div class="form-group-multi__MultiControls">
<p tabindex="0" class="btn-tertiary--light">Cancel</p>
<p tabindex="0" class="btn-clear-all">Clear all</p>
<p tabindex="0" class="btn-secondary">Apply</p>
</div>

你忽略了一個(gè)非常明顯的東西(我的意思是，語(yǔ)義和可訪問(wèn)性)。 看著你的按鈕，注意你所看到的。你看到按鈕了嗎？

正確答案:沒有。你看到段落(& ltp & gts，而不是& ltbutton & gts)。

有兩種解決方案，一種最好，一種不太好:

最佳解決方案。更改您所有的& ltp & gts to & ltbutton & gt你已經(jīng)對(duì)它們應(yīng)用了Bootstrap的btn-secondary類，所以我很有信心你的風(fēng)格不會(huì)受到任何影響。 添加角色= & quot按鈕& quot敬你的& ltp & gt再說(shuō)一次，ARIA的第一條規(guī)則規(guī)定，如果你絕對(duì)沒有必要，就不要使用ARIA，這不是一個(gè)太好的解決方案。 感謝貢獻(xiàn)一個(gè)堆棧溢出的答案！

請(qǐng)務(wù)必回答問(wèn)題。提供詳細(xì)信息并分享您的研究！但是要避免…

尋求幫助、澄清或回應(yīng)其他答案。根據(jù)意見發(fā)表聲明；用參考資料或個(gè)人經(jīng)歷來(lái)支持他們。要了解更多，請(qǐng)查看我們關(guān)于撰寫精彩答案的提示。