关于 web 无障碍的想法 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
这是一个专门讨论 idea 的地方。

每个人的时间,资源是有限的,有的时候你或许能够想到很多 idea,但是由于现实的限制,却并不是所有的 idea 都能够成为现实。

那这个时候,不妨可以把那些 idea 分享出来,启发别人。
feked93255
V2EX    奇思妙想

关于 web 无障碍的想法

  •  
  • feked93255 2021-01-17 19:08:58 +08:00 1716 次点击
  • 这是一个创建于 1809 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前人们开发网站或是 web app 时,主要都是优先针对明眼人进行设计。这使得页面的内容架构( HTML 元素)也是优先以适合明眼人浏览的方式进行组织,而针对视障人士进行的优化更多是在这个架构的基础上进行的优化。当视障人士访问一个页面时,他通常需要依靠「读屏」这一方式,在这个为明眼人所优化的内容骨架中进行探索。

    所以我想,与其让视障人群强行适应为明眼人设计的架构,为何不从零开始,为他们单独设计一套交互,与针对明眼人设计的交互并存?

    我想到的一个方案是仿照我们打电话时会遇到的自动语音系统那样做一个单独的菜单,当网站识别到访客为视障人士时激活。这个系统通过语音(或文字转语音)向访客播报菜单,访客则通过键盘输入来提交指令。

    以淘宝为例。假设淘宝采用了这样一个系统,当视障人士访问网站时:

    网站:欢迎来到淘宝。订单状态请按 1,搜索商品请按 2,账户设置请按 3……
    访客:1
    网站:你有 3 个订单。最新的订单包含一个 iPhone 12,已签收。如需操作请按 1,选择其他订单请按 2,返回请按 esc 。
    访客:1
    网站:联系客服请按 1,申请退货请按 2……
    访客:2
    网站:请输入退货原因,按回车键确认。按 esc 返回上层。
    访客:扬声器有问题 [回车]
    网站:退货申请已提交……

    当然以上只是用来举例,这个例子中的菜单结构或许并非是最高效的,只是简单示范一下想法。

    另外当然也不会和打电话时遇到的语音系统那样以日常对话的语速阅读。由于视障人士很多都适应了读屏软件较快的语速,上述菜单也可以用同样较快的语速播报,所以和传统读屏软件对比时可以忽略语速的因素。

    不知视障人士是否会喜欢这样的设计?
    4 条回复    2021-01-19 09:06:34 +08:00
    jinliming2
        1
    jinliming2  
       2021-01-18 08:32:39 +08:00 via iPhone
    先不说他们会不会喜欢这样的设计,他们具体喜欢什么样的设计可以在具体开发的时候做详细调研。
    主要是,你觉得这种类似于完全专门重做一套的方案,只为了少数人方便使用,成本能控制住吗?有哪个企业愿意去做呢?能基于现有的产品专门做修改已经不错了,小型企业应该是会直接忽略掉这些用户的。
    julyclyde
        2
    julyclyde  
       2021-01-18 14:08:04 +08:00
    对于无障碍访问是有专门的指南的
    hanguokai
        3
    hanguokai  
       2021-01-18 22:10:31 +08:00
    这里有一些 Web Accessibility 的基础知识可以参考
    https://developers.google.com/web/fundamentals/accessibility
    linxb
        4
    linxb  
       2021-01-19 09:06:34 +08:00
    @jinliming2qi 大企业可以开放相应的 api,让开发者来做,其实基于现在的淘宝 SDK,实现一部分功能没什么问题
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2420 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 07:03 PVG 15:03 LAX 23:03 JFK 02:03
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86