欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 网站知识
如何使您的网站设计更易于访问
来源:南京网站制作 时间:2019-06-29 06:25:02

想知道如何在您的网站上实现可访问的网页设计?这是从哪里开始的。正如我们最近关于网络可访问性的文章中所述,确保每个人都可以使用您的网站非常重要。虽然创建一个完美的网站可能并不容易,但大多数方式只需要设计师遵循一些简单的原则。

 
您可能需要更新部分网站,添加或删除某些功能,并执行常规辅助功能审核。但这样做可能会在一个更清洁,更易于使用的网站以及更容易访问的网站上获得回报。
 
此列表并未涵盖构建可访问的网页设计密歇根的所有可能方面。但它会让你开始。
 
为视障人士提供无障碍网页设计。
视力障碍涉及多种疾病,从完全失明到有限的视力范围和色盲。在大多数情况下,创建适合视障人士的网页设计意味着了解屏幕阅读器的工作方式。请记住,如果您的网站上的信息未包含在屏幕阅读器可以阅读的文本中,则盲人无法访问该信息。
 
Alt标签
为改善视障人士的用户体验,您可以采取的最简单步骤之一是在alt标签中包含信息。alt标记是网站连接器显示的文本,如果连接速度太慢而无法完全加载图像。但是,alt标签通常被滥用或彻底滥用 - 误解了其目的或想要通过关键字填充来操纵搜索引擎排名的人。
 
将图像添加到WordPress中的媒体库时,您应该能够找到图像的alt文本字段。
 
如果使用得当,alt标签中的文本应该是图像的替身。这意味着他们应该准确地描述图像,否则应该提供有意义的替代品。
 
CATPCHA
我们都对那些容易被误解的数字和字母的扭曲图像感到沮丧。然而,对于视力不佳的用户而言,他们可能会特别恼火,因为他们无法完全看到他们完成CAPTCHA。尽管CAPTCHA是减少僵尸程序的重要工具,但您在网站上使用的任何工具都应附带音频替代方案。更好的是,更新的选项允许用户解决简单的数学问题或者勾选复选框。
 
另一方面,这些reCAPTCHA是最好的。
 
标题标签(HTML中的H1,H2,H3等)不仅为读者提供视觉层次结构。它们还可以帮助屏幕阅读器浏览网站内容。如果没有标题,依赖于屏幕阅读器的用户必须通过整个页面来查找他们正在寻找的信息。
 
但是,使用标头标记,用户可以跳到与其最相关的部分。这也意味着您应该按层次顺序使用标头标记。H1是标题,H2是H1的子标题,H3是H2的子标题,依此类推。您网站上的样式表应该反映这一点。请记住,标题提供了一个功能 - 它们不仅仅是看起来不错。
 
链接
当屏幕阅读器到达内容体中的链接时,它会在读取超链接文本之前暂停并显示“链接”一词。这使得在一个地方拥有高密度链接或使用这些链接的非描述性锚文本令人恼火。想象一下,必须在一篇文章中听十几次“链接,这里,结束链接”。但是使用描述性锚文本时,该链接会更像“链接我们最近发布的网站可访问性结束链接”。
 
广告
尽管我们很多人抱怨在线广告,但我们仍然认识到这是许多网站赚钱的主要方式之一。对于许多试图将产品推向市场的企业来说,它也是一个重要的工具。但是,有很多好的方法可以做在线广告。
 
自动播放的视频广告会让那些依赖屏幕阅读器告诉他们网站上的内容的人们感到非常沮丧。将自己插入内容中间的广告也同样令人困惑。如果可以,请避免在您的网站上使用侵入式广告方法,并保存YouTube的视频广告。
 
色盲
色盲是一种非常常见的疾病,特别是在高加索男性中。虽然许多网站功能完善而没有经过多次修改,但如果你不知道你的网站上的色彩是如何显示给色盲的人的,那么你仍然会遇到一些漏洞。
 
幸运的是,为色盲个体创建用户友好设计背后的原则很容易理解。使用色调,亮度和饱和度对比的颜色。不要创建任何仅依靠颜色来传达信息的东西。并使用纹理,图案和符号以及颜色来帮助实现视觉差异化。
 
听障人士的无障碍环境。
除音频/视频内容外,互联网在很大程度上可供听力受损的用户使用。即使在屏幕上包含一些文字的视频通常也不包括画外音中所说的所有内容。以下是如何处理您网站上的视频,播客,电台采访以及任何其他音频/视频内容。
 
字幕和副标题
很明显,字幕和字幕对听力受损用户很重要。但对于可能在没有耳机的情况下在公共场合观看您的视频,或者不想关闭音乐以观看您的内容的用户来说,这也是一个好主意。
 
成绩单
播客播客?在您的网站上分享其他音频内容?发布该内容的记录有助于您建立搜索引擎优化点,并使您的播客可供听障人士或任何喜欢阅读而不是倾听的人使用。
 
电机控制可访问设计功能。
电机控制的困难可能是暂时的或永久性的。它们包括诸如脑瘫,腕管,帕金森病,震颤和四肢断裂等病症。作为奖励,许多电机控制功能可帮助高级用户更快地浏览您的站点。
 
标签导航
并非所有人都具备使用鼠标所需的精细运动技能。对于这些用户,使用键盘上的Tab键导航网站至关重要。在您的网站上测试仅键盘导航非常简单:单击浏览器中的地址栏,然后开始按Tab键移动站点上的链接(如果您走得太远,班次选项卡会将您移回链接)。您应该看到您选择了哪个链接的指示,尽管该指标会因您的浏览器而异。
 
请记住,您应该能够使用Tab键参与站点的所有交互方面,包括轮播滑块(如果有),下拉菜单,表单和弹出窗口。
 
最后一个特别重要。想象一下,弹出式广告会占用您的计算机屏幕并且无法关闭它。很沮丧,对吧?当弹出窗口无法通过选项卡导航访问时会发生这种情况。
 
点击范围
对于使用鼠标浏览网站的用户,链接周围的点击范围较大,可以让访问者更轻松地点击它们。这包括使用带有易于阅读的文本的大按钮。
 
老年用户的可访问性。
许多老年用户的可访问性问题与我们已经讨论过的问题重叠。他们的视力和听力正在恶化,他们有震颤,他们从技术熟练程度降低的位置开始。许多用户将其浏览器放大至200%以正确读取文本。您需要确保您的网站在此级别运行。
 
此外,网站上的移动部件可能会让年龄较大的观众感到困惑,特别是如果他们快速移动的话。我们已经就你为什么要避免在你的网站上使用滑块发表了一些强烈的意见,这是另一回事。摆脱你的滑块,你的老年用户,那些视野有限的人,以及任何用键盘导航的人都会感谢你。
 
英语作为外语用户。
一些访问您网站的访客很可能不会说一口流利的英语。如果您在外国可能需要以母语访问您的网站,请支付专业翻译并为该语言创建网站。但是,如果您没有来自这些区域的大量流量,您仍然可以采取一些步骤使您的网站更易于访问。
谷歌的翻译软件在过去几年中有了显着的改进。在我在国外生活的这些年里,我有个人使用它来翻译德语,俄语和西班牙语的网站。它也有助于在某些区域使用图标,但仅在含义明显或普遍时才使用。并且请记住将重要信息保留在图像之外,因为Google无法对其进行翻译。
 
无障碍网页设计不应该是令人生畏的。
如果你很幸运,那么设计你网站的人就能很好地掌握可访问的网页设计原则,并从一开始就使用它们。如果没有,您可能需要做一些额外的工作才能使您的网站完全可访问。也就是说,如果您的网站在可访问性方面严重落后,那么它可能也会在其他指标上表现不佳,在这种情况下您应该考虑进行全面检修。
 
但是对于大多数用户来说,改善可访问性就像记住在图像和播客的成绩单上包含alt标签一样简单。鉴于此,重要的是不要让可访问性问题的范围阻止您进行现在的更改。正如我们所说,实现完美的可访问性是一个复杂的前景。但是大部分时间应该对任何人都可行。

本文地址:http://www.njanyou.cn/web/2575.html
Tag:
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: 南京网站制作是如何衡量内容营销的成功与否
下一篇: 如何通过6个步骤创建内容营销策略
最新案例
永银
永银
珠海跨境电商
珠海跨境电商
五颗星商城
五颗星商城
上海万客生鲜超市
上海万客生鲜超市
一九在线商城
一九在线商城
你可能感兴趣
小型企业平稳运营所需的 5 种软件类型
为什么每个人都在谈论 Advantage+ Creative
27 关于 Bing PPC 的统计数据
改善编程和 QA 之间协作的 4 种方法
您的网站给人留下第一印象:为什么好的网页设计对企业至关重要
网页设计和内容营销:最大限度地提高博客参与度的 6 个技巧
所有重要的 GA4 指标
ClickFunnels 与 Kajabi:详细比较
最后更新
打造直观体验:UX 和 UI 矩阵 了解 Advantage+ 定位 我们所知道的关于大规模谷歌算法泄漏的一切 如何撰写吸引受众注意力的营销电子邮件 如何使用数据抓取进行有效的竞争分析:分步指南 优化医疗保健提供商的 SEO 和在线形象:2024 年的最佳实践 Elementor:网站建设的首选(原因如下) 产品系列页面:提高电子商务转化率的设计策略
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例