网页设计技术,以帮助视力受损和身体残疾的人。无障碍网站设计规范由NCC即国家通信与传播委员会制定。无障碍网站设计有助于网站质量和SEO提升
网页无障碍就是利用网页设计技术,减少身心障碍者使用网站的不便,让任何族群的使用者都能正确使用网站,减少信息鸿沟。全球信息网络协会& # 039;W3C非常重视无障碍的推广,也制定了指南供设计师参考。
然而,许多网页设计师将重点放在布局设计和开发上,而不是无障碍网页设计。但是,今天跟大家分享的主要原因是想告诉大家,无障碍网页设计并没有想象中那么遥远,它也与搜索引擎优化(SEO)和UI/UX的设计息息相关。
[div][div]
千禧年推出的第一代标准。
首先回顾一下第一代无障碍网页设计,颁布于1999年(1988年)。那时候网页设计的环境已经很蓬勃了。许多企业和单位积极建立网站,甚至中国的中小学都有网页设计教学。然而,百家争鸣,所以网页设计有许多固有的缺陷。
最常见的问题是,设计师为了使用最新的多媒体技术,安装了无尽的网页插件,网站很难正常执行所有结果;有不同版本的浏览器,比如Windows XP内置的IE6浏览器。但当时Windows的IE市场份额太大,网页设计师不得不调试IE6的问题,间接导致了更多的设计错误。
好在痛苦的过程终究会过去。智能手机和Windows 10让这个设计的黑暗时期成为历史,但它也留下了许多重要的资产。以今天的标准来看,“第一代”无障碍网页设计可能有些陈旧,但它在标准的制定上留下了很多经典,比如禁止使用闪烁字符和跑马灯来呈现信息。在过去,这些网页设计技术非常耀眼和常见,但对于普通人来说,阅读消息非常不利,更不用说视障人士和身心障碍者了。幸运的是,很少有人使用这些技术。
如今,第一代无障碍网页设计标准已被废止,但仍在网站上供参考。有兴趣的可以去“考古”看看。
[div][div]
无障碍网页设计2.0的概念
无障碍网页设计标准2.0版本上线已经两年了。新规范沿用了之前1.0版本的许多内容。除了刚才提到的禁止眨眼和选取框,在1.0版本中相当强调的图片/视频的内容需要额外的媒体辅助,以帮助视障人士判断网站内容,在2.0标准中也有出现。简单来说,图片和视频要用ALT文字标注。如果视障人士看不到音视频,也可以通过文字阅读辅助软件获取网站信息。
新标准还包括了标题标签的设置,即在一篇文章中,要有主标题、副标题和段落的区分。比如一篇文章的主题,也就是主标题要标上< H1 & gt;标记,子标记可用
其实敏锐的站长应该注意到,上述ALT语法和Heading语法在网站设计中的应用,也是SEO搜索引擎优化(SEO)的基础功夫。如果能把无障碍网页设计2.0的新概念同时应用到网站上,既能帮助身心障碍者浏览网站,又能同时优化网站质量,一举两得。
[div][div]
与UI/UX密切相关
无障碍网页设计与UI/UX密切相关。比如“键盘焦点应该永远可见”这一点,是指通过键盘浏览网站的各种功能(比如菜单)时,提示焦点(比如对比轮廓)不应该随着键盘操作而消失。可以访问国家通信与通讯委员会(NCC)无障碍网络空间服务网的网站。当你按下& rdquo不停地敲键盘。TAB & rdquo按键后可以看到显眼的橙色提示框在不同的项目中跳跃。这种UI界面设计其实在家电的菜单中很常见(因为家电没有触摸板和鼠标,但是逐渐有了),但是很少有网站用这个概念。
关于UX用户体验,无障碍网页设计2.0有一个非常典型的UX优化设计理念:“输入错误要用文字向用户描述,如果可能的话,要向用户提供清晰的线索”。比如申请新账号输入密码时,贴心的网站会告诉用户密码至少需要N个字符,或者其他说明才能满足密码申请标准。一般网站很少这样做,但是很多电子商务网站依靠友好的账号应用界面,赢得了大量的新用户注册,创造了业绩。
[div][div]
创造友好的网络环境
目前政府机关积极推行无障碍网页设计,很多公共机关的网站设计招标要求,也就是明确要求达到无障碍网页设计的标准。很多厂商没有相关的经验和技术,尤其是那些使用架设网站和打印集工具的厂商,面对浩瀚的无障碍需求只能望洋兴叹。
虽然无障碍网页设计2.0的标准有“4个原则,12个指南,3个等级,66个成功标准”,很多网页开发者和设计师看到洋洋洒洒的规定都傻眼了,但其实也没那么可怕。所有的标准不仅表述清晰,而且检查工具Freego可以自动检查基本问题。通过标准网站可以获得一个logo认证,这也是对设计师的一种肯定和荣誉。
IWare网页设计团队已经非常熟悉无障碍网页设计。从1.0版本开始,办理了多宗政府相关招标案件。近年来,它积极研究如何将无障碍网页设计2.0标准应用于新一代网页设计。如果您有相关需求,请进一步联系我们。
[div][div]
国家通信和通信委员会无障碍网页开发标准https://www.handicap-free.nat.gov.tw/
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/87053.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除