研究屬性ARIA還爲時尚早嗎？

Question

我看到了即將發佈的規格「ARIA」1.0（https://www.w3.org/TR/wai-aria/）和那些（1.1版）（https://www.w3.org/TR/wai-aria-1.1/）。

但我也看到，文檔是--imho稀疏和分片，很難找到和理解。

對於一個普通人（即對於沒有真正需要編寫殘疾人可訪問代碼的開發人員），第一次研究ARIA屬性還爲時尚早？

例如，caniuse.com只處理「普通」網頁瀏覽器（http://caniuse.com/#search=role）：我如何知道屏幕閱讀器和其他輔助設備是否支持屬性ARIA？

Answer 1

無論你認爲你有一個需要寫一個殘疾人，統計好UX的做法，該法碼，和通用設計都表明，其實你做需要編寫代碼來支持各種能力的人。我鼓勵你看看微軟創建的Inclusive Design Manual（21MB PDF），因爲它顯示我們都遇到了臨時性和情境性障礙。

另請注意，屏幕閱讀器運行在「普通」網絡瀏覽器之上（借用你的術語），現在屏幕閱讀器是當今依賴於ARIA的唯一技術。現在

，爲您ARIA的問題...

對於簡單的網頁，主要是靜態內容（典型的WordPress站點，例如），你可能不會需要ARIA。正確使用HTML和including structure對用戶來說通常綽綽有餘。如果您正在構建基於Web的應用程序或新穎的交互（使用像React或Angular這樣的框架），那麼您需要開始使用ARIA（儘管一些位已經內置到某些框架和庫中）。

有些地方你就可以開始：

• Mozilla Developer Network on ARIA：涵蓋了大量的高層次的東西，挖，你去更深。
• WAI-ARIA Authoring Practices：探討不同的用戶界面模式，以及如何應用ARIA和任何必要的腳本增強。
• Notes on ARIA use in HTML：這些都是使用ARIA
  1. 如果你可以使用本地的HTML元素或與您需要已經內置的語義和行爲屬性的5「規則」，而不是再重新考慮的元素，並加入一個ARIA角色，州或財產使其可訪問，然後這樣做。
  2. 不要改變本地語義，除非你真的必須這樣做。
  3. 所有交互式ARIA控件必須與鍵盤一起使用。
  4. 請勿在可見的可對焦元素上使用role="presentation"或aria-hidden="true"。
  5. 所有交互元素必須具有可訪問的名稱。
• WAI-ARIA Screen reader compatibility：一個非常詳盡的列表支持什麼。

這應該足以讓你準備好，或者至少是熟悉的。

我還建議您安裝一個屏幕閱讀器（NVDA是免費的，講述人內置於Windows中，VoiceOver是iOS和MacOS的一部分），並將其帶入旋轉。 There are places online that can help you get going。