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