ARIA和WCAG 2.0成功標準

Question

請糾正我，如果我得到這個錯誤。如果我理解正確，我不必爲文檔的源代碼中基本可用的元素使用aria-hidden，但並不總是顯示這些元素。

例如，圖像滑塊或文檔源中存在的菜單或工具提示（基本上它們都可用），但並不總是在顯示器上以可視方式呈現給用戶。

因爲它聽起來怪我，我沒有使用ARIA爲這個事情，以滿足WCAG 2.0

Answer 1

你並不需要使用aria-hidden，以滿足WCAG。您可以使用來符合WCAG。您也可以使用並意外違反WCAG。

如果您想直觀顯示某些內容，但將其隱藏於輔助技術（本例中爲屏幕閱讀器），則aria-hidden可能是最佳選擇。

如果你想隱藏什麼視覺和從輔助技術，然後跳過aria-hidden，只是風格它display:none;。

如果您想要隱藏元素的本地語義（例如傳統佈局表格），但以其他方式顯示內容，則需要使用role=presentation。

重要的是，請勿使用aria-hidden來隱藏某些需要獲得焦點或互動的東西（根據Fourth Rule of ARIA）。這樣做會違反WCAG。

因此，例如，如果您有一個工具提示樣式的設計元素在不使用時被display:none;隱藏，請跳過aria-hidden。這只是額外的噪音，如果您無法使用視覺樣式進行更新，您的代碼可能無法訪問。