您是否只需要一個圖標按鈕而不會搞砸可訪問性？

首先，認真思考：你真的需要純圖標按鈕嗎？如果可以的話，在圖標旁邊添加文字已被反复證明是最易訪問、最清晰的用戶體驗（參見蘋果最新的失誤）。但如果你確實需要（我理解，有時你確實需要），Sara Soueidan 和Scott O'Hara 各寫了一篇文章，很好地闡述了所有選項，並提供了關於此主題的實際研究。

• Sara Soueidan: 無障礙圖標按鈕
• Scott O'Hara: 上下文標記無障礙圖像和SVG

如果你只想得到直接的答案，我建議你採用“在按鈕中使用一些文字”的方法：

<button>
   <svg aria-hidden="true" focusable="false" height="32px" viewbox="0 0 32 32" width="32px"></svg></button>
   菜單

Sara 指出沒有放之四海而皆準的方法，但似乎你確實需要在按鈕內使用實際文本，並以某種方式隱藏或覆蓋它。僅使用SVG 並沒有可靠的方法為按鈕或鏈接提供無障礙名稱。

這種模式難以正確實現，真是令人驚訝。

以上是您是否只需要一個圖標按鈕而不會搞砸可訪問性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！