Godzilla. 2018-10-23
网站建设
为您的Web设计过程带来可访问性
互联网本质上是各行各业的人们可以参观的地方。残疾人面临的物理障碍在网上减少了。遗憾的是,许多人在网络上遇到了新的障碍:内容不是为了访问而设计的。
作为网页设计师或开发人员,您可以解决这些问题,增加受众群体,甚至提高搜索排名。关于创造完美页面的灵感来源,通常这些问题都有一个简单的解决方案,对您的设计影响不大 - 如果您愿意发挥创意。
1、如何创建一个无障碍网站
可访问性指南很广泛,但这里有一些重要的建议。无论出于何种原因,在您的网站设计中包含所有指南可能是不可行的,这没关系。
目标不是打破网站的核心功能或设计,而是避免不必要的排除。包括尽可能多的优化,这对您正在设计的网站是明智的。
2、优化视觉障碍
到目前为止,您最大的任务在于改进视觉设计。拥有不友好的颜色或对比度的网站可能会导致有困难的人混淆或头痛。
.使用高对比度文字应该是暗的或足够轻的,以便于阅读。白色的浅灰色文字可能很时髦,但对于低视力的人来说,它几乎是不可见的。
.考虑包括大文本模式,或可以修改字体,大小和样式的菜单。
.避免使用闪烁和明亮,重复模式和其他癫痫触发器 - 特别是未经同意。这些不仅令人讨厌,而且非常危险。
屏幕阅读器的友好性应该是首要任务。有更多的屏幕阅读器最佳实践,但这里有一些要记住的事项:
.某些UI类型(例如隐藏在其中的按钮的下拉菜单)不兼容。
.始终使用lang属性指定语言。
.用标题组织内容。
.定义ARIA地标以便于导航。
.必要时提供非可视替代方案,例如使用图像alt标记。
3、不要仅通过视觉,声音或颜色传达信息
上海网站设计认为不应该说紫色文本放在蓝色背景上是一个可怕的想法,不仅仅是对于色盲用户,还有其他问题你可能没有意识到。
.始终包含颜色以外的指示灯。卡在表单上的人不会欣赏错误框周围的“简约”红色突出显示,如果没有其他视觉指示的话。
.同样,避免单独使用声音或图像进行导航。
.包括视频的音频记录或字幕。
.使用图像alt标记,并包含非文本内容的文本版本。
4、使您的网站易于浏览和理解
网络已经转向简化,这对于那些需要易于浏览的网站的人来说非常棒。但是,仍然存在许多阻止可访问性的常见错误。它通常归结为保持清晰一致的设计。
.使用可预测的导航元素。如果您在一个页面的顶部栏中有链接,而在另一个页面上有侧栏,那么您只会引起混淆。
.需要尽可能少的机动来绕行,例如使用粘性导航栏。
.使互动元素脱颖而出。
.标记和定义点击目标(框,链接,表单)。不要让它们变小,难以按压。
.您的网站应该只能通过键盘导航。永远不要禁用焦点指示器。
.用清晰易懂的文字书写,或提供更简单的版本。
.提供一种排除多余CSS的布局模式。
.提供有用的错误消息,解释出现了什么问题以及如何解决问题。
.创建响应式网站或设计移动版本。
5、使Web可访问
这些只是关于如何让每个人都可以使用您的网站的一些建议。如果可能,请让残疾人测试您的网站,或使用工具模拟色盲,屏幕阅读器等。
世界上有15%的人有残疾,现在是时候创建一个满足每个人需求的网站了。最后,如果许多网站采用这些标准,我们将共同创建一个更好,更具包容性的互联网。
浏览次数: 1442 次
文章评论: