为什么超连结是蓝色和有底线?了解无障碍网站设计!

http://img2.58codes.com/2024/20116357uCE7tkYnZa.png

由于蓝色盲是所有色盲患者中佔最少数或极为罕有,色盲是指看见颜色及辨别颜色的能力减退的状况,所以 超连结 使用蓝色可以让最多人了解其功用和受惠。

加入一起讨论?

什么是网页亲和力?

在网际网路的普及下,网页亲和力确保任何人可以平等地从网页里的理解内容。在实现网页亲和力的规範上,国际组织 W3C 发表了「网页内容无障碍设计指引」 (WCAG 2.0)。其中包括了有关色彩通用设计的指南。

不要以颜色为唯一识别资讯的方法。不要单以颜色指示图片里的事物,应以其他特徵指示。红色的盒子、蓝色的盒子。→红色长方体的盒子、蓝色正方体的盒子。不要单以颜色来表示超连结,应强调标示。不要单以颜色来提示已更新/未完成,应改变显示文字。不要单以颜色来反白未填写表单提示用户未填写,应加入提示文字。

如果我不幸是【蓝色盲】,看不到蓝色怎么办?

底线 (Underline) 这个设计,就是作为补漏的作用,蓝色盲患者可以透过底线去识别是否超连结,这系列的动作作为无障碍网站设计的组成份子。但部分 WordPress 布景主题 为了美观,移除了底线的设计,这要看站长如何取捨平衡得失。

参考来源:

色盲:维基百科,自由的百科全书
什么是网页亲和力


您可能会有兴趣的 WordPress 相关文章:

免费建立网站教学,看这篇就足够

WordPress 教学:小树苗成长课程

HTML 标题语法 h1 至 h6 的使用原则和 SEO 的影响因素

免费 WordPress 新手必备素材包

什么是 DA (Domain Authority 网域权威值) 和 PA (Page Authority 页面权威值) ?

免费高品质和可商业使用图库推荐

Loom 是免费萤幕录影工具,提供免费版和付费版 – 云端录制影片测试

100 个安装 WordPress 后的小技巧

【Google Fonts 应用】如何在 WordPress 网站上使用 Google 中文字体?

WPWebHost 建立部落格完整流程 – 从 Logo 设计到 SEO 最佳化

为什么 WordPress 是免费?


什么是 WordPress 社群生态普查与研习 - 网站迷谷?

http://img2.58codes.com/2024/20116357LGQmfn1DSo.png

一群喜欢网站架设的爱好者
推动 WordPress 社群持续的健康发展
建立关爱和共融的互动社群
适合完全没有任何基础和
不懂程式的入门者和新手
只要您勇敢踏出第一步
要建立自己的部落格或网站
其实没有非常困难

第一次网站製作吗?
欢迎来到我们的社团
学习网页设计

免费 WordPress 线上影片教学课程

WordPress Valley - 网站迷谷【免费教学网站】

WordPress Valley - 网站迷谷【Facebook 讨论社团】

WordPress Valley - 网站迷谷【追蹤 Instagram】


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章