如何创建一个无障碍网站

2019-04-26    分类: 网站建设

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

网站制作

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

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

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

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

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

文章标题:如何创建一个无障碍网站
URL地址:/news20/79620.html

成都网站建设公司_创新互联,为您提供企业网站制作外贸建站品牌网站建设网站排名自适应网站用户体验

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站托管运营