當我們在全球最不無障礙網頁上測試工具時我們發現了什麼
最近,我們對自動化無障礙性測試工具進行了審查。我們建立了一個充滿障礙案例的網站,以便測試這些工具。這篇部落格文章發布了我們的研究結果。
在這篇文章中,我們將討論我們的做法和發現。
自動化工具的優點和缺點
自動化無障礙性測試工具可以用來識別網站上的無障礙性問題。正如名稱所示,它們是可以在網站上執行的自動化工具,可以識別多種問題。
有許多可用的工具,例如:Wave 和 Tenon。其中許多是免費的,可以線上存取。
自動化工具可以是幫助您使服務更具無障礙性的一種有用且便宜的方式。它們執行速度快,並提 供即時回饋。它們可以執行在許多頁面上。有些可以整合到網頁建構的流程中,因此它們幾乎可以在問題出現時立即識別。
但儘管在服務上執行自動化測試工具肯定有助益,團隊不應過分依賴它們。沒有工具能夠識別網站上的每個無障礙性阻礙(accessibility barrier)。因此,僅因為工具未識別出網站上的無障礙性問題,並不意味著這些問題不存在。
即使它們檢測到障礙,有時結果可能是不確定的或需要進一步調查,甚至有可能是錯誤的。
一個很好的類比是將測試工具視為拼寫檢查工具。它確實可以幫助您發現問題,但不應獨立使用。自動化工具應與手動檢查和使用者研究結合使用,才能發會最大效用。
為了幫助人們了解自動化工具的用途和限制,並選擇合適的工具,我們對一些最常見的工具進行了審查。
選擇用於測試的工具
我們在進行審查時選擇了 10 種自動化測試工具。我們想要測試那些被開發人員和品質保證測試人員最常用的工具。我們也希望測試足夠多的工具,以獲得各種不同的結果。
我們選擇了我們知道的所有免費工具。我們還通過跨政府的 Accessibility Google Group 尋求了建議。以下是我們測試的工具:
- Tenon
- Wave
- HTML Codesniffer
- aXe
- AChecker
- Sort Site
- Google Accessibility Developer Tools
- The European Internet Inclusion Initiative’s page checker
- Asqatasun
- Nu HTML Checker(這是一個 HTML 驗證器——我們對它可能能檢測到哪些無障礙性問題感興趣)
除了 Sort Site 有免費試用版本外,這些工具都是免費使用。如果您不想在您的瀏覽器中執行,Tenon 和 Wave 也有付費版本。
在全球最具障礙的網頁上進行測試
一旦我們決定要使用哪些工具,我們就需要一個網頁來進行測試。
我們需要一個充斥著無障礙性問題的網頁。一個違反所有無障礙性規則的網頁。一個擁有各種無障礙性阻礙(accessibility barrier)的網頁。
所以我們建了一個。
這是我們建立的「全球最具障礙網站」的螢幕截圖,我們用它來測試自動化工具。
我和我的同事 Alistair 和 Richard 在 GDS 無障礙性團隊一起合作,建立了一個充滿無障礙性阻礙的網頁。我們稱它為全球最具障礙的網頁。
我們將它填滿了無障礙性阻礙(accessibility barrier),包含了 19 個類別共 143 個故障案例。
這些故障案例包括沒有替代文字屬性的圖片,或者使用了不正確的替代文字屬性,以及空白的連結文字。我們還加入了一些我們認為測試工具可能無法檢測到的無障礙性問題,例如沒有警告的閃爍內容,或者在內容中未使用平實語言 (plain language)。
我們知道我們無法列出每一種可能的無障礙性阻礙(accessibility barrier),但我們希望頁面上有足夠多的障礙,以便我們能夠充分測試這些工具的實用性。
然後,我們在這個網頁上執行這些工具進行測試,以找出它們能夠檢測到多少障礙案例,以及會漏掉多少障礙案例。
您可以在此處詳細查看我們的研究結果。以下是我們主要的發現: