如何评估ASP.NET MVC3 HTML5 Web应用程序的可访问性?

Pro*_*ofK 3 css html5 accessibility web-standards

是否有一个正式的标准可用于评估我的MVC3 Web应用程序的可访问性,特别是对于视障人士?如果我怀疑有各种标准,我应该优先选择哪种主要针对没有视力损害或视力障碍的人的网络应用,但强烈希望尽可能多地为视障人士提供?这是一个学习管理应用程序,因此广泛的可访问性非常重要.

我试图坚持HTML和CSS语义方面的最佳实践,以及我所拥有的一些书中记录的类似事物,我在Visual Studio中使用HTML5验证来获取Razor视图.在部署之前,我可以使用哪些其他工具,最好是在开发方面,并且可以使用各种在线验证器?是在线评级工具吗?

Fel*_*Als 5

标准(和参考清单)

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)是另一项分析一些标准的服务