簡體   English   中英

如何評估ASP.NET MVC3 HTML5 Web應用程序的可訪問性?

[英]How can I rate the accessibility of my ASP.NET MVC3 HTML5 web application?

是否有一個正式的標准可用於評估我的MVC3 Web應用程序的可訪問性,特別是對於視障人士? 如果我懷疑有各種標准,我應該優先選擇哪種網絡應用主要針對沒有視力損害或視力障礙的人,但強烈希望盡可能為視障人士提供? 這是一個學習管理應用程序,因此廣泛的可訪問性非常重要。

我試圖堅持HTML和CSS語義方面的最佳實踐,以及我所擁有的一些書中記錄的類似事物,我在Visual Studio中使用HTML5驗證來獲取Razor視圖。 在部署之前,我可以使用哪些其他工具,最好是在開發方面,並且可以使用各種在線驗證器? 是在線評級工具嗎?

標准(和參考清單)

W3C標准是WCAG 2.0
WCAG 2.0建議書試圖在技術上不可知,並適用於各種網站,甚至是網絡應用程序,但結果是它相當不明確。 HTML / CSS / Script技術(以及如果你使用它們的失敗和Flash / Pdf / Smil)和理解部分是很好的讀取。

對於日常審計,我更喜歡使用:

AccessiWeb 2.2參考列表 ,“ 驗證與WCAG 2.0一致性的方法 ”,“ 促進(理解和實施) ”。

有WCAG 2.0成功標准和技術的參考,但沒有鏈接。 法語版本中存在超鏈接,但英語版本沒有添加,唉(我本月會嘗試用它們修復它)。

對於webapps來說必不可少的腳本部分再次是部分非特定的,但這是因為沒有10x作為測試就很難這樣做! 當有一百個HTML元素時,JS有成千上萬的事情要處理。

EDIT 2014:此清單已更新為HTML5 / ARIA中的新技術(一項非常棒的工作),但僅限於法語。 AccessWeb HTML5 / ARIA(法語)可能在2014年或2015年翻譯成英文或嘗試在線翻譯服務;)70%的測試在AccessiWeb 2.2中很常見,新的測試是最新的HTML5 / ARIA技術已經在現代工作附件中引用了瀏覽器和屏幕閱讀器的網站。

ARIA ,如Accessible RIA,是W3C-WAI的另一項工作:

(ARIA)特別有助於使用Ajax,HTML,JavaScript和相關技術開發的動態內容和高級用戶界面控件。

毫無疑問,這是可訪問的Web應用程序的未來,但它的支持是瀏覽器和輔助技術的進展。 舊的屏幕閱讀器永遠不會與ARIA兼容,並且它們正在慢慢地被更換為新版本,因為它們花費了很多(JAWS的數千美元/歐元)。
因此,webdev必須始終創建與舊的普通技術兼容的應用程序(使用tab鍵和空間來訪問信息並與之交互)和新的(使用箭頭鍵操縱樹,在閱讀另一部分時通知Live區域中的更改)這頁紙)。

  • ARIA很復雜,需要時間和經驗等
  • ARIA不會取代WCAG 2.0; 只有WCAG 2.0才能看到巨大的改進。
  • 並非一切都像樹實施一樣復雜。 例如,Landmark角色很容易在任何網站中添加。

如果您使用jQuery UI,則存在流行模塊/腳本的可訪問版本: http//hanshillen.github.com/jqtest/
它還不完美,但它比原版好得多。 根據我的經驗,你不能混合傳統的jQuery UI腳本和這些腳本(雖然我沒有嘗試太長時間,但我可能很容易出錯)。

測試

在另一個答案中寫了大約2個有用的服務, OpquastTanaguru BrendanMcK的另一個與自動化測試相關的答案是必讀的。

  • WAVE (fluffmyboner已經在另一個答案中寫過它)都存在於工具欄和web服務中。 主要區別afaik:WAVE工具欄將分析您的頁面的DOM,而webservice將分析發送的HTML + CSS但不會執行任何JS
  • TAW (選擇inglès而非WCAG 2.0)是另一項分析一些標准的服務

Wave是我可訪問性驗證的首選,雖然我不太清楚你可以使用什么來檢查預部署。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM