网站可访问性可能不是您开发网络形象时首先想到的。这可能是一个模糊的术语,因为它通常与有身体残疾的人有关,而网络通常被视为伟大的均衡器。最终结果是,许多人并没有花太多心思来考虑他们的网站是否可供所有人访问。
网站可访问性是指所有人(无论残疾或残疾的严重程度如何)自由访问和使用网络资源的能力。它可以包括视力障碍,耳聋或一系列其他事情。痛苦不如你尽自己的一份力量来确保他们拥有最好的体验那么重要。
创建一个每个人都可以访问的网站需要深思熟虑的努力。许多人将无法按预期使用您的网页,因为您可能无意中做出了较差的网站可访问性选择。这将转化为收入损失,参与度以及您跟踪的其他关键指标的减少。在本指南中,您将学习一些简单的策略,以使您的网站更容易访问,同时获得奖励。
标题和页面结构
创建可访问网站的第一步是处理页面结构。许多人将使用屏幕阅读器来访问页面,并且屏幕阅读器旨在挑选出多个元素。
标题和标题
您网站上的每个页面都应该有一个清晰且描述性的标题。这不仅有利于营销和SEO,而且还使屏幕阅读器能够快速解析内容以供用户理解。它还将为您的网站提供清晰的结构。
避免使用斜体、粗体、下划线等内容来创建结构。辅助技术可能无法捕捉到这些细微的变化。即使是快速移动的读者也可能会错过,因此请尝试使用更明显的元素,如H1,H2,H3,H3等。即使在本文中,您也可以看到标题使用不同的“H”格式选项细分为多个部分。
字体选择
某些字体比其他字体更易于阅读。例如,每个人可能无法破译看起来像草书的字体或某些类型的仿写体。使用具有常规样式且相对较大的字体。这有助于提高可读性,并可以降低跳出率。
字体间距
这包括单个字母、单词和行之间的空格。单词之间的空间应该足够大,以便它看起来不是单个单词。行之间的间距也应该足够大,这样像小写字母“g”这样的字母就不会碰到下面的行。一个好的经验法则是将行高设置为字体高度的 1.5 倍。
超链接
大多数超链接的颜色与网页上其余文本的颜色略有不同。这甚至可以在一些网站建设者中进行更改。除了这些默认措施之外,在链接到资源时还要花时间显式执行。与其说“看看我们在这里做什么”,不如说,让人们知道会发生什么。你可以说,“访问我们的服务页面。
图片替代标签
图像是创建脱颖而出的网站的强大方式。网站图片可以帮助您分享您的品牌故事,展示您的产品/服务对象,甚至帮助解决复杂的主题。他们可以做很多事情,但不是每个人都能看到或以其他方式与他们互动。
无论您在何处使用网站图片,请务必添加替代文本。这代表替代文本,并嵌入在图像的HTML代码中。它由屏幕阅读器拾取或在图像无法加载时显示。花点时间为图像创建有用的替代文本。
而不是添加像“字段图像”这样的东西,你可以更具描述性。它可以是“绿叶绿开,盛开黄色花朵的低山田野”。同时,您不希望超过 125 个字符,因为大多数盲文显示器在任何给定时刻都不会显示很多字符。这是一种平衡行为,可能需要一些时间来适应。
请记住,您无需在替代文本中表达它是图像,因为屏幕阅读器能够使用图像周围的 HTML 标记来识别它。大多数网站构建器都可以轻松向页面上的每个图像添加替代文本,因此没有理由跳过此步骤。如果您在想出要写的内容时遇到困难,请考虑一下为什么图像首先出现在页面上。
处理视频和音频
即使使用屏幕阅读器,某些人也无法从您的网站中提取信息。当您的页面上有音频或视频元素时,可能会发生这种情况。在这种情况下,您可以通过在媒体下方添加脚本来提高网站的可访问性,以便屏幕阅读器可以拾取它。
如果您无法添加完整的成绩单,请考虑创建所解释内容的摘要。这样,您的访问者就可以获得您分享的内容的关键点。使用成绩单或以不同格式总结内容的一个附带好处是能够在搜索引擎中获得更好的排名。
颜色选择
提高网站可访问性的另一个重要步骤是以正确的方式使用正确的颜色。你有一个品牌,可能会使用特定的颜色让人们知道他们在正确的地方,并在竞争中脱颖而出。
如果您无法更改网站调色板,您仍然可以在品牌指南的框架内进行颜色选择,以创建可访问的网站。例如,大多数品牌都有多种颜色和渐变。在您的网站上创建页面时,请考虑如何使您使用的颜色相互对比。如果您正在制作图表,是否可以对不同的条形或线条使用对比色?如果要添加号召性用语按钮,是否可以使其与背景形成深刻对比?
除了使用对比色之外,请考虑如何标记内容以使其更具描述性并有助于辅助访问。例如,如果您无法在图表中使用对比色,您是否能够为查看者标记每条数据?这也是提高网站可访问性的可行替代方案。
积极避免对对比度低且色盲可能难以区分的颜色进行分组。紫色和蓝色,黄色和橙色,某些深浅不一的绿色和棕色等在配对时都具有低对比度。
结论
网站的可访问性似乎只会影响您潜在市场的一小部分。实际上,数以千万计的人患有不同类型的残疾。他们受到影响的方式各不相同,但由您尽自己的一份力量将网络变成每个人都可以访问的地方。
本指南概述了您可以立即执行的一些操作,例如清晰的标题,选择清晰的字体,仔细使用超链接,添加图像alt标签等。使用网站构建器非常重要,这些构建器允许您在没有任何额外努力的情况下执行此操作 - 否则,它可能无法完成。如果您不知道选择哪种工具,请浏览我们有用的评论以缩小您的选择范围。
本文地址:
http://www.njanyou.cn/web/6588.html
Tag:
专业服务:
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话:025-65016872
上一篇:
7种设计趋势,为您的网站带来优势
下一篇:
防止放弃购物车的6种方法