可訪問性鏈接

奧斯汀·吉爾（Austin Gil）在“ html形式”上的五部分系列開始，重點是語義HTML，針對主要使用JavaScript進行前端開發的開發人員。初始代碼示例使用JavaScript FormData API演示了Ajax表單提交。

關鍵點？沒有<form></form>標籤，formdata是不必要的。繞過形式的論點通常圍繞構建單頁應用程序（SPA），其中一種形式的存在意味著JavaScript的必要性。雖然是正確的，但對於關鍵形式，考慮非JavaScript支持是審慎的，尤其是隨著服務器端渲染（SSR）的增加。

SSR提供了很大的優勢。 Google強調了客戶端渲染頁面的冗長索引隊列，從而強調了SSR的速度和效率。

奧斯卡·布勞納特（Oscar Braunert）的“包容性輸入”提供了有價值的後續行動，顯示了幾乎正確但最終有缺陷的HTML（缺少標籤/輸入關聯）。然後，他深入研究所需字段和錯誤處理的可訪問標記，並用此示例說明：

<code><div>
  <label for="password">
    密碼
    *
    必需的
  </label>
  <p>您的密碼需要至少八個字符。</p>
</div></code>

琥珀·威爾遜（Amber Wilson）在不依賴詠嘆調的情況下探索可訪問的HTML元素：

ARIA角色經常與HTML元素一起使用。但是，本文展示瞭如果沒有ARIA，如何實現可訪問的HTML。

這<dl></dl>元素被突出顯示。莎拉·希格利（Sarah Higley）的“角色與人際關係”確實解決了ARIA，但警告不要濫用：

新手可訪問性開發人員可能會嘗試使用menu ， listbox或treegrid等角色。這些強大的模式使香草html無法實現體驗，但它們也脆弱。即使是小錯誤也會嚴重影響用戶體驗。謹慎使用Aria。

理想的方法是完全避免芳香。但是，如果DOM級修復不足，Sarah會提供技術，例如role="presentation"以覆蓋元素的默認角色。

關於Aria明智的使用，Adrian Roselli優先考慮可訪問的控件命名：

我將可訪問名稱分配給控件的優先級是：

1. 本機HTML技術
2. aria-labelledby是引用現有的可見文本
3. 頁面中明顯隱藏的內容
4. aria-label

以上是可訪問性鏈接的詳細內容。更多資訊請關注PHP中文網其他相關文章！