一篇看懂2022年 Web 可訪問性報告
WebAIM Million 近期發(fā)布了2022年 Web 可訪問性報告,這項對前 100 萬個網(wǎng)站主頁的年度可訪問性分析提供了對 Web
可訪問性的當前狀態(tài)和趨勢的洞察(本文只包含技術(shù)相關的部分)。
Web 可訪問性意味著讓每個用戶都可以訪問相同的信息,而不管他們是否受到損害或殘疾。
Web 可訪問性的四大準則:
- 可感知:所有人都能感知頁面上的內(nèi)容嗎?
- 可操作性:所有人都可以與頁面交互嗎?
- 可理解:所有人都能理解頁面上的內(nèi)容嗎?
- 健壯:內(nèi)容能否被各種程序和設備(包括屏幕閱讀器)解讀?
1. 檢測到的錯誤
在 100 萬個主頁中,檢測到 50,829,406 個不同的可訪問性錯誤——平均每個頁面 50.8 個錯誤。自 2021 年 2
月(51.4 個錯誤/頁)分析以來,檢測到的錯誤數(shù)量減少了 1.1%。
2. 主頁復雜性
主頁復雜度在 12 個月內(nèi)顯著增加,從 2021 年 2 月的平均 887 個元素增加到 2022 年 2 月每個主頁的 955 個元素,增長了 7.7%。
下面是近年 WebAIM Million 研究中檢測到的主頁元素數(shù)量:
3. 錯誤密度
5.3% 的主頁元素檢測到了可訪問性錯誤。殘障用戶在他們參與的每 19 個主頁元素中就會遇到 1 個錯誤。
錯誤密度是站點可訪問性的不可靠指標。大量的頁面元素(例如
和元素)可能會導致較低的錯誤密度(表明更好的可訪問性),而實際上可能還引入了許多新的可訪問性錯誤。本報告重點關注檢測到的錯誤的平均數(shù)量,而不是錯誤密度。
4. WCAG 一致性
96.8% 的主頁檢測到 WCAG 2 失敗。這比 2021 年 2 月的 97.4% 和 2019 年的 97.8%
略有改善。這些只是自動檢測到的與 WCAG 一致性故障相一致的高度可靠性錯誤。因為自動測試無法檢測到所有可能的 WCAG 故障類型。
下圖是近四年檢測到 WCAG 一致性失敗的主頁百分比:
雖然沒有檢測到錯誤的頁面比率非常低,但 21.6% 的頁面檢測到的錯誤不超過 5 個,31.3% 的頁面檢測到的錯誤不超過 10 個。大多數(shù)一致性失敗僅屬于幾類:
檢測到的所有錯誤中有 96.5% 屬于這六類。這些最常見的錯誤在過去 4 年中一直是相同的。解決這幾類問題將顯著提高整個網(wǎng)絡的可訪問性。
5. 圖像和替代文本
樣本中有 39,750,181 張圖片,即平均每個主頁有 39.8 張圖片。自 2021 年以來,圖像數(shù)量增加了 4.7%。23.2
% 的主頁圖像(平均每頁 9.2 個)缺少替代文本(alt=""不計算在內(nèi))。幾乎一半缺少替代文本的圖像是鏈接圖像,這就導致鏈接不具描述性。
10.4% 的帶有替代文本的圖像包含有問題或重復的替代文本,例如
alt="image"、"graphic"、"blank"、文件名等,或者替代文本與相鄰文本或替代文本相同。這些數(shù)據(jù)表明,流行網(wǎng)站主頁上超過三分之一的圖像會有缺失、有問題或重復的替代文本。
6. 標題
檢測到近 2320 萬個標題(每個主頁平均超過 23 個)。標題級別的數(shù)量(和占比)如下:
170 萬<h1>個標題 (7.2%)
720 萬<h2>個標題 (31.0%)
820 萬<h3>個標題 (35.0%)
380 萬<h4>個標題 (16.4%)
160 萬<h5>個標題 (6.8%)
80 萬<h6>個標題 (3.4%)
主頁上的標題數(shù)量從 2021 年的 2150 萬個增加了 8%。所有標題級別的占比也有所增加。標題是屏幕閱讀器用戶用來導航內(nèi)容的主要機制。19.6% 的主頁超過 1 個 <h1>,比2021 年的 18.4% 有所增加。有 1,092,097 次跳過標題級別(例如,從<h2>跳轉(zhuǎn)到<h4>),每 21 個標題中就有 1 個標題結(jié)構(gòu)不正確。40.4% 的頁面存在跳過的標題(高于 2021 年的 38.4%),9.9% 的頁面根本沒有標題(低于 2021 年的 10.6%)
7. 鏈接
18% 的頁面有不明確的鏈接文本,例如“點擊這里”、“更多”、“繼續(xù)”等。這些頁面平均有 5.9 個不明確的鏈接實例,導致樣本中有近 110
萬個不明確的鏈接。
8. 文檔類型
86.1% 的主頁具有有效的 HTML5 文檔類型——與 2021 年的 79.1% 相比顯著增加。具有有效 HTML5
文檔類型的頁面的頁面元素幾乎翻了一番(平均 1013 : 595)和 15% 的錯誤(平均 51.8 : 45) 相比其他文檔類型。 在一百萬頁的樣本中遇到了
700 個文檔類型。
9. 技術(shù)
在 100 萬個主頁上檢測到超過 1200 種不同類型的 Web 技術(shù)。下面列出了在 5000
多個主頁上檢測到的常見技術(shù),按“最佳”到“最差”的順序排列。
JavaScript 框架
與一般主頁相比,采用這些常見框架中的大多數(shù)會導致更多的可訪問性錯誤。這并不一定意味著框架導致了這些錯誤,但使用這些框架的主頁出現(xiàn)的錯誤比平均水平要多。
JavaScript 庫
Web 框架
樣本中使用 Bootstrap 框架的主頁平均比沒有使用的主頁多了 9.6 個可訪問性錯誤。我們無法從這些數(shù)據(jù)中知道 Bootstrap
是否引入了這些錯誤,但是當 Bootstrap 存在時,對應的錯誤會增加。
10. 其他
以下是關于這項研究的一些其他有趣的事實:
- WebAIM Million 數(shù)據(jù)庫有 5 次分析,每次分析超過 100 萬頁,數(shù)據(jù)點接近 40 億。
- 在 179,966 個頁面上觀察到 1,298,423 個表格(低于 2021 年的 1,533,402 個)。只有 175,700 (13.5%)
個表具有有效的數(shù)據(jù)表標記。 - 在單個主頁上檢測到的錯誤最多為 68826!
WebAIM Million 2022 報告:https://webaim.org/projects/million/