V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
2c2b2u
V2EX  ›  问与答

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

  •  
  •   2c2b2u · 2022-05-05 14:29:28 +08:00 · 975 次点击
    这是一个创建于 714 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

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

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

    调研

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

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

    疑惑

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

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

    1 条回复    2022-05-05 14:34:46 +08:00
    learnshare
        1
    learnshare  
       2022-05-05 14:34:45 +08:00
    web Accessibility
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   977 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 20:17 · PVG 04:17 · LAX 13:17 · JFK 16:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.