如何创建一个无障碍网站

2019年05月31日 标签: 网站设计 网站建设

作为网站设计或开发人员,您可以解决可访问性,增加受众群体,甚至提高搜索排名。通常这些问题都有一个简单的解决方案,对您的设计影响不大。
该准则无障碍是广泛的,但这里有几个关键的建议。无论出于何种原因,在您的网站设计中包含所有指南可能是不可行的,这没关系。目标不是打破网站的核心功能或设计,而是避免不必要的排除。包括尽可能多的优化,因为您正在设计的网站是合理的。

网站制作

  • 优化视觉障碍
    到目前为止,您最大的任务在于改进视觉设计。拥有不友好的颜色或对比度的网站可能会导致有困难的人混淆或头痛。使用高对比度; 文字应该是暗的或轻的,以便于阅读。白色的浅灰色文字可能很时髦,但对于低视力的人来说,它几乎是不可见的。
    考虑包括大文本模式,或可以修改字体,大小和样式的菜单。
    避免使用闪烁和闪烁,重复模式和其他癫痫触发器 - 特别是未经同意。这些不仅令人讨厌,而且非常危险。屏幕阅读器友好性应该是一个优先事项。有更多的屏幕阅读器最佳实践,但请注意以下几点:

    某些UI类型(例如隐藏在其中的按钮的下拉菜单)不兼容。
    用标题组织内容。
    定义ARIA地标以便于导航。
    alt必要时提供非可视替代方案,例如使用图像标记。
    W3C可访问性标准

  • 不要仅通过视觉,声音或颜色传达信息
    不应该说紫色文本放在蓝色背景上是一个可怕的想法,不仅仅是对于色盲用户,还有其他问题你可能没有意识到。始终包含颜色以外的指示灯。卡在表单上的人不会欣赏错误框周围的“ 简约 ”红色突出显示,没有其他视觉指示。
    同样,避免仅需要声音或图像进行导航。包括视频的音频记录或字幕。使用图像alt标记,并包含非文本内容的文本版本。不要仅通过视觉,声音或颜色传达信息。

网站制作

  • 使您的网站易于浏览和理解
    网络已经转向简化,这对于那些需要易于浏览网站的人来说非常棒。但是,仍然存在许多阻止可访问性的常见错误。它通常归结为保持清晰一致的设计。
    使用可预测的导航元素。如果您在一个页面的顶部栏中有链接,而在另一个页面上有侧栏,则只会导致混淆。
    需要尽可能少的机动来绕行,例如使用粘性导航栏。
    使互动元素脱颖而出。
    标记和定义单击目标(框,链接,表单)。不要让它们小而且难以按压。
    您的网站应该只能通过键盘导航。永远不要禁用焦点指示器。
    用清晰易懂的文字书写,或提供更简单的版本。
    提供一种排除多余CSS的布局模式。
    提供有用的错误消息,解释出现了什么问题以及如何解决问题。
    创建响应式网站,或设计移动版本。
    使您的网站易于浏览和理解
    使网站可访问

最后,如果许多网站采用这些标准,我们将共同创建一个更好,更具包容性的互联网。

» 本文链接地址:https://www.ccxcn.com/knowledge/4316.html » 转载请注明出处,谢谢。