BlakSheep 创意 White Logo@350
<\/i>","library":"fa-solid"},"toggle":"burger"}" data-widget_type="nav-menu.default">
菜单

Web 可威廉希尔ios下载,威廉希尔中文网站性完整指南(2021 年)

世界上超过一半的人口患有某种残疾。在创建网站或威廉希尔ios下载任何类型的内容时,您必须确保每个人都可以威廉希尔ios下载,威廉希尔中文网站它。以下是我们的重要提示,可帮助确保您的网站在未来适应可威廉希尔ios下载,威廉希尔中文网站性指南的变化。
2021 年网站可威廉希尔ios下载,威廉希尔中文网站性终极指南

在网站威廉希尔ios下载方面,残疾人经常被忽视。估计是 六分之一的人有某种形式的残疾 然而,许多小企业在创建网站时并没有考虑到这些受众。 

这篇博文将讨论原因 为什么您的网站必须可供残障人士威廉希尔ios下载,威廉希尔中文网站,包括创建可威廉希尔ios下载,威廉希尔中文网站网站的提示。

让所有人都可以威廉希尔ios下载,威廉希尔中文网站网络

仅在美国,就有超过 5600 万人患有某种形式的残疾.这个数字包括广泛的残疾,包括耳聋和失明。遗憾的是,许多小型企业在威廉希尔ios下载网站时并没有优先考虑残障人士的需求(众多网站之一) 我们皮肤下的东西)..

如果您想确保您的网站可供所有用户威廉希尔ios下载,威廉希尔中文网站 - 包括那些有身体限制(例如无法看到或听到)的用户 - 您需要遵循第 50.508 节中规定的可威廉希尔ios下载,威廉希尔中文网站性指南 Web 内容可威廉希尔ios下载,威廉希尔中文网站性指南 (WCAG 2.0)。

WCAG 包括 必须遵守的九个要求 因此您的网站可以被视为可威廉希尔ios下载,威廉希尔中文网站,我们将在本文中介绍这些以及更多内容。

定义残疾

失能 被定义为个人的身体或精神障碍,限制了他们日常生活的一个或多个方面。它也可能是持续六个月或更长时间的健康状况,可能包括耳聋和失明等疾病。

什么是网络可威廉希尔ios下载,威廉希尔中文网站性

这个数字包括广泛的残疾,包括耳聋和失明。可悲的是,许多小企业并没有优先确保残障人士可以威廉希尔ios下载,威廉希尔中文网站他们的网站。

通过忽略残障人士,网站所有者是:

  • 俯瞰大部分人口
  • 阻止威廉希尔ios下载,威廉希尔中文网站者威廉希尔ios下载,威廉希尔中文网站他们的网站
  • 对客户参与产生负面影响
  • 消除服务和销售的关键机会。

可威廉希尔ios下载,威廉希尔中文网站性是必要的 不仅因为这是正确的做法,还因为不遵守可威廉希尔ios下载,威廉希尔中文网站性标准可能会导致美国联邦通信委员会和其他机构等监管机构的罚款。  

此外,他们还面临残疾客户的诉讼。

2021 年网站可威廉希尔ios下载,威廉希尔中文网站性诉讼价格

无障碍标准

网站可威廉希尔ios下载,威廉希尔中文网站性指南 法律法规

Web 内容可威廉希尔ios下载,威廉希尔中文网站性指南 (WCAG 2.1) 是万维网联盟发布的一系列 Web 可威廉希尔ios下载,威廉希尔中文网站性指南的一部分,该联盟致力于通过视力或听力有障碍的人可以威廉希尔ios下载,威廉希尔中文网站的技术弥合沟通差距。

例如,如果某人由于关节炎等障碍而难以使用鼠标,那么他们可以改用键盘快捷键。 

WCAG 专注于威廉希尔ios下载数字服务和工具,以便每个有任何类型残疾的人都能够轻松威廉希尔ios下载,威廉希尔中文网站它们,而在可用性和理解内容方面没有限制,因为这些人应该像其他人一样享有平等的机会!

为什么 Web 可威廉希尔ios下载,威廉希尔中文网站性很重要

疾病预防控制中心报告说,目前有 6100 万美国人登记为残疾人,平均年消费能力为 4900 亿美元。

在全球范围内,残疾人社区有 13 亿人,每年的消费能力为 8 万亿美元,并且随着人口的增长而增长。 

为什么 Web 可威廉希尔ios下载,威廉希尔中文网站性必须成为每个企业的优先事项

“时代在变化,在线企业比以往任何时候都更有责任优先考虑其网站可威廉希尔ios下载,威廉希尔中文网站性,”Forbes.com 最近写道。 “当公司由于其网站与屏幕阅读器不兼容或存在其他可威廉希尔ios下载,威廉希尔中文网站性问题而基本上拒绝平等威廉希尔ios下载,威廉希尔中文网站时,公司也容易受到诉讼,”。

这一责任延续到数字机构和网络开发商店,他们的专业知识对于帮助企业就其数字存在做出明智的决策至关重要。

品牌曝光度和知名度:  

使您的网站易于威廉希尔ios下载,威廉希尔中文网站意味着您现在可以接触到 20% 以前默认不存在的人口。这也意味着更多的人会谈论你的公司并被你的包容性精神所吸引。

您不想从一个关心客户的、有道德责任的企业购买产品或服务吗?

您的网站可以威廉希尔ios下载,威廉希尔中文网站吗?

使用我们的网站可威廉希尔ios下载,威廉希尔中文网站性工具立即查找。

如何使网站可威廉希尔ios下载,威廉希尔中文网站

在 BlakSheep Creative,完全了解使网站或 Web 应用程序完全可威廉希尔ios下载,威廉希尔中文网站所需的条件。以下是一些主要主题:

  • 标题标签——描述页面的内容
  • 语言 - 用于屏幕阅读器
  • 键盘导航 - 无鼠标
  • 文本 – 大小、对比度和颜色
  • 焦点 - 键盘选项卡式页面元素
  • 表单 – 标签、tabindex 和焦点
  • 链接 - 文本和焦点
  • 标题 - 使用和嵌套
  • 图像 – alt / 描述文本
  • 表格 - 描述性标题
  • 视频 – 隐藏式字幕和副标题
  • Javascript – 不显眼的非 js 替代品
  • 咏叹调 – 与辅助技术交互

让我们从顶部开始,非常重要的标题标签

浏览器并不总是在网页上显示 HTML 标题标签中的文本。它们通常作为选项卡位于浏览器的顶部,确保正确使用它们用于 SEO 目的至关重要。

在确定您的网站是否可供有障碍的人威廉希尔ios下载,威廉希尔中文网站时,Google 还会使用 HTML 标题标签中的字词,例如:

  • 视力——严重视力障碍(盲)、部分视力、色盲的人; 
  • 听力 - 有听力障碍的人,难以理解其他说话者的讲话

语 

在 HTML 元素上声明语言属性使屏幕阅读器能够读出具有正确发音的文本。

键盘导航

为了确保可威廉希尔ios下载,威廉希尔中文网站性,您需要允许用户仅使用他们的键盘来浏览站点。导航和其他关键的交互元素应该被彻底测试。

对于音频浏览器用户和仅使用键盘导航的用户,在 之后直接将跳过链接添加到代码中,这样他们就可以直接进入主菜单或内容,而无需先浏览所有导航选项

文字 – 大小对比和颜色

文字大小和颜色的重要性不容低估。确保它足够大,可以从远处阅读,并且背景不要太亮或太暗。有一些免费的在线工具可用于检查对比度,但如果结果不清楚,您可能需要专家意见——请查看下面的这些选项!

字体大小和颜色的重要作用 品牌 不能被夸大——确保你的标志在背景上以大字体脱颖而出,而不是压倒它们,例如蓝色上的黑色轮廓白色字母(参见谷歌)。

你可能也看过那些很酷的广告,人们在背后穿着不同颜色的T恤;这使穿着者看起来像剪影,所以只有他们衬衫的一部分可以站立

重点

焦点确定键盘事件在任何给定时刻在页面上的位置。 

例如,如果您专注于文本输入字段并开始输入,输入字段将接收您输入的字符以及从其他站点的链接或图像复制的任何内容。虽然它具有焦点,但它也可以接受在插入此网页之前在其他地方剪切/复制的粘贴材料(通过使用 CTRL+C)。

可以通过浏览您网站的所有链接和交互元素来测试上述内容,直到所有内容在活动时都以黑色边框突出显示 - 这表明它们已被聚焦!

形式

使表单可威廉希尔ios下载,威廉希尔中文网站可能很棘手,需要特别注意。 

  • 用户可以使用键盘在字段之间进行逻辑选项卡吗? 
  • 是否所有字段都有靠近、易于看到且易于阅读的标签,以便它们不会不必要地掩盖页面上的其他内容? 
  • 对于屏幕阅读器用户或使用不带键盘的触摸屏的用户(例如智能手机),是否有足够的指示说明每个字段中输入的内容? 
  • 通过 iPhone 或 Android 平板电脑等移动设备威廉希尔ios下载,威廉希尔中文网站时,您的网络表单是否正常工作?

链接文本应具有描述性和逻辑性。例如:“下载案例研究”,而不是“单击此处”。链接是否有焦点状态?请参阅上面的焦点。

标题 

标题是任何网站内容的支柱。他们帮助指导用户和 搜索引擎 在理解页面的结构方面类似。最重要的标题应该是

,所有其他标题根据重要性级别嵌套在其中(即,h1 下方的

标签等)。 

wordpress 网站 html 中不同类型的标题标签

这确保了每个网页上一次只有一个主标题;所以不要担心重复它们!

标题信息可以帮助人们浏览您的网站以及通过各种平台进行搜索,帮助塑造他们在扫描相关材料或查找与您的企业产品或服务产品相关的特定主题时的体验。

图像和 Alt 标签的使用

alt-tag 或替代 (alt) HTML 属性具有悠久的历史,可以追溯到 1200bps 下载速度的时代。

它的第一次使用是为了让这个时代的用户无需在计算机上下载即可威廉希尔ios下载,威廉希尔中文网站图像——只需通过他们正在使用的屏幕阅读器程序大声朗读即可! 

如今,它主要是为了可威廉希尔ios下载,威廉希尔中文网站性和 SEO 目的:Google 在索引网站时使用这些描述作为关键字,以便人们通过 搜索引擎结果页面 (SERP)

在 HTML 代码中,图像的替代文本如下所示:

您可以通过点击获得什么

请记住,您的内容不仅应该是描述性的,还应该包括有用的内容!

在任何表格中使用描述性标签

Captions 和 Scope 属性可用于帮助任何使用屏幕阅读器的人了解表格或部分包含的数据。

例如,通过添加表格中显示的“范围”,屏幕阅读器不会在不提供所需上下文的情况下简单地读取一系列表格单元格 - 例如:

HTML代码:

<表>
此表是威廉希尔ios下载网络可威廉希尔ios下载,威廉希尔中文网站性

颜色
尺寸
颜色
长度


红色
20cm

桌子:

此表是威廉希尔ios下载网络可威廉希尔ios下载,威廉希尔中文网站性
颜色尺寸 颜色 长度
红色20cm

为视频和播客/音频媒体使用字幕(隐藏式字幕)

已经表明,即使您不关心使您的网站可威廉希尔ios下载,威廉希尔中文网站,也建议为视频使用字幕。

当用户在某个位置关闭或降低声音时,这将有助于用户,也有助于 SEO(谷歌无法读取视频,但无法读取文字记录) 

在您的所有媒体元素上使用字幕时,它将允许残疾人以及根本看不到的人;另外这也可能有助于 搜索排名 engines.

以下是一些让您的网站更易于威廉希尔ios下载,威廉希尔中文网站的好方法。

  • 第一的, 始终为所有视频和音频元素(包括播客和音乐播放列表)使用字幕。
  • 第二,别忘了在照片上加上标题!
  • 最后,您还可以查看 ADA(美国残疾人法案)网站,该网站拥有大量资源,可帮助您保持内容的包容性,以便每个人都可以像在网上浏览其他任何内容一样享受它

JavaScript

JavaScript 是一种可以通过编程以动态或静态方式更改网页内容并与之交互的语言。

为了获取某些信息,例如当您将鼠标悬停在 HTML 元素上时弹出窗口,JavaScript 脚本必须内联运行,这意味着如果您的 Internet 连接出现任何问题,它将无法运行。

应提供非 JavaScript 替代方案,以便未启用此功能的用户仍然可以通过使用替代方法(例如使用浏览器搜索功能和从“控件”下的预定义选项中进行选择)来威廉希尔ios下载,威廉希尔中文网站网页威廉希尔ios下载的预期材料/功能。

咏叹调

可威廉希尔ios下载,威廉希尔中文网站的富 Internet 应用程序 (ARIA) 是一组属性,用于定义使 Web 内容和应用程序更易于威廉希尔ios下载,威廉希尔中文网站的方法。 

它对 HTML 进行了补充,因此当没有其他方式时,交互、小部件、表单提示和错误可以传递给残障人士的辅助技术。 

例如,ARIA 支持 HTML4 中的导航地标以及表单使用的 JavaScript 小部件,例如页面上的实时更新或改进输入字段的可威廉希尔ios下载,威廉希尔中文网站性,使您无需通过菜单即可输入。

了解更多威廉希尔ios下载 ARIA 的信息,请威廉希尔ios下载,威廉希尔中文网站 //developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

网页无障碍工具

检查您的网站是否可威廉希尔ios下载,威廉希尔中文网站的最佳方法是使用当今网络上免费提供的许多工具中的一些。

请注意,尽管这些“自动”测试工具很有用,但仍应始终进行一定程度的手动检查和测试。我们的一些最爱包括:

Web 的可威廉希尔ios下载,威廉希尔中文网站性洞察 - 这会进行完整的站点检查,并为您提供人工评估,以便手动测试/审查无法自动化的事物;

网。 dev- 此更新版本使用 Chrome 开发人员工具中的 Lighthouse,因此它也可以进行页面速度洞察!

Or 这是第三种选择。 

获得免费的网站可威廉希尔ios下载,威廉希尔中文网站性审核

您可以让我们对您的网站进行审核,以检查需要修复的内容。 

免费!

我们使用与上述相同的工具(以及更多工具!),我们会向您提供一份书面报告,说明您的网站需要注意什么,以使其符合最佳实践指南并消除所有可威廉希尔ios下载,威廉希尔中文网站性障碍,从而为优秀用户提供服务所有人的经验!

克林特·桑切斯 (clint sanchez) 在 fema 总部盛装打扮

克林特·桑切斯

Clint 为他人服务的经验、对细节无可挑剔的关注、他的创造力以及他的技术专长,使他能够胜任任何可能遇到的项目或挑战!

分享这个帖子:

在脸书上分享
Facebook
分享到Twitter
Twitter
分享到linkedin
LinkedIn
在 Pinterest 上分享
Pinterest
在电子邮件上分享
Email
分享到 tumblr
Tumblr

克林特最近的帖子

滚动到顶部