网页无障碍访问知识集

Author Avatar
zongyuan 6月 21, 2018 【字数:186】 【阅读时长:1min】
  • 在其它设备中阅读本文章

WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员。

ARIA

常用属性

role='button'表示按钮
所以平时最好不能用div和span来模拟按钮,因为会失去键盘可访问性
如若要 则需要加上role='button'tabindex=0
aria-hidden字符串。可选值为true和false, true表示元素隐藏(不可见),false表示元素可见
aria-expanded 展开还是收起,菜单,自定义下拉等用的比较多。
aria-checked 选中还是未选。
aria-selected 选中还是未选。
aria-disabled 禁用还是可用。
aria-invalid 验证正确还是错误。
其余属性可见张大大的博客

感谢阅读 thx~
本文链接:https://627235655.github.io/2018/06/21/accessibility-web/