前端官网的无障碍(适老化)应该怎么做,需求个解决方案

2022-05-05 14:29:28 +08:00
 2c2b2u

前言

最近有个 PC 端官网需求,其中一块是无障碍,类似图 1 这种功能,十字线、大指针、语音播报等功能:

对无障碍这块完全没经验,做了下调研,发现这块的资料非常少,开源项目基本没有,感觉有点无从下手。 不像正常的前端开发,我 npm install 一个插件、依赖就完成了。

调研

然后也看了下其他网站的无障碍:

网站 所用无障碍产品
农行、12306 、中国电信、残联 哈尔滨亿时代数码科技开发有限公司
中国移动、中国联通、今日头条、人民网 国兴中科
建设银行-无障碍 自研?建行 barrier-free.js
安徽省人民政府-无障碍 自研? barrierfree.js@3.0.9

疑惑

  1. 有没有开源的无障碍插件;
  2. 开发无障碍有哪些注意事项,我看了下要在标签上增加 aria-label 等属性啥的;
  3. 应该自研还是找个第三方,自研不知道会遇到哪些坑,第三方价格、后期保障不好说;

同志们有没开发过或者了解过无障碍这块的前端开发,欢迎大家提提建议想法,给小弟一个方向[抱拳]

988 次点击
所在节点    问与答
1 条回复
learnshare
2022-05-05 14:34:45 +08:00
web Accessibility

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/850937

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX