我正在使用一堆SVG影像/圖示開發一個 React 應用程式。他們沒有可見的文本，但我想在懸停時顯示一些工具提示。一個可訪問的 SVG 元素/組件應該有什么attributes和應該有什么？sub-elementsSVG 的 React 友好用法是什么？
uj5u.com熱心網友回復：
根據來自類似問題的答案，您可以使用SVG <title> 元素。但如果你更喜歡反應友好的方式，我建議你使用像react-svg-tooltip這樣的外部庫。
uj5u.com熱心網友回復：
雖然我同意上一篇文章的提及，但從我的角度來看，它和之前的答案都是不完整的。為了真正最大限度地提高 SVG 供電組件的可訪問性，我建議使用<title>和<desc>. 搜索引擎，即谷歌，很快就會認識到描述標簽在許多情況下也很重要。
這是來自<desc> 的檔案：
該元素提供任何 SVG 容器元素或圖形元素的可訪問的長文本描述。
uj5u.com熱心網友回復：
通過設定為 0 確保您的“小部件”可通過鍵盤訪問。tabindex還要檢查它們是否具有適當的角色。您可以使用瀏覽器開發工具的輔助功能樹。
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/489930.html
上一篇：洗掉輸入值時繼續驗證
下一篇：<svg>大于<use>