所有关于 WEB 可访问性
在深入研究 Web 可访问性之前，让我们先了解一下什么是可访问性。当遇到“可访问性”这个词时，我们首先想到的是无论任何条件都可以轻松访问任何东西。
维基百科说， 可访问性 是产品、设备、服务、车辆或环境的设计，以便残障人士可以使用。
什么是网络可访问性
网页无障碍 是每个人都可以轻松访问网络和互联网的方式。 “每个人”是指所有个人，包括那些有认知或身体残疾或限制的人。
简单来说，我们可以说，Web 可访问性意味着“有任何残疾或限制的人都可以使用 Web”。
为什么网络可访问性很重要
1 七个人中有一些残疾会妨碍他们在浏览网页时的体验。那是 ** 1,300,000,000** 人们。 这个数字很大！
因此，无论任何情况，让每个人都可以访问网站非常重要。
网络在教育、就业、医疗保健、商业等生活的许多方面都发挥着重要作用。至关重要的是，每个人都可以访问网站，以提供平等的机会。
Web 可访问性提高了市场范围，也改善了整体用户体验。因此，它可以对业务产生重大影响并有助于整体增长。
Web 可访问性还使搜索引擎更容易索引内容。
Web 内容可访问性指南 (WCAG)
Web 内容可访问性指南 (WCAG) 2 是通过 W3C流程 与世界各地的个人和组织合作，旨在为满足国际个人、组织和政府需求的 Web 内容可访问性提供单一共享标准。
WCAG 有助于了解如何使残障人士或有限制的人更容易访问网络。
WCAG 技术文件由无障碍指南工作组制定（ 工作组 ) （以前的 Web 内容可访问性指南工作组） , 它是万维网联盟的一部分 ( W3C ) 无障碍网页倡议 ( 水 ）。
Web 内容可访问性指南根据 FOR 原则 ：
1. 可感知
2.可操作
3. 可以理解
4. 坚固。
这些指南的符合性分为三个级别：
- A级： 这是最低的一致性级别。
- AA 级： AA 级包括所有 A 级和 AA 级要求。许多组织都努力达到 AA 级。
- AAA 级： AAA 级包括所有 A、AA 和 AAA 级要求。
如何使网站可访问
让残疾人可以访问网站将使每个人都可以访问。现在让我们看看让每个人都可以访问网站的 10 种方法。
1. 颜色
色盲的人以不同的方式解释颜色。色盲分为三种主要类型。
- Protanopia（红色盲）：人们难以区分红色
- Deuteranopia（绿色盲）：人们难以区分绿色
- Tritanopia（蓝色盲）：人们难以区分蓝色
因此，颜色与背景的对比度应符合 WCAG2 标准，这一点非常重要。
2. 图像的替代文本
图像、视频和信息图表等网站上的非文本内容也应该以文本格式提供，以便残障人士可以访问。 一个 **lt** 标签 或替代 (alt) html 属性可用于描述图像。建议编写更好的描述，以便屏幕阅读器用户能够理解。
<img src ="image-location" alt="图片说明" />
3. 键盘导航
残疾人完全依赖键盘。由于身体残疾，他们不能使用鼠标。在这种情况下，他们更喜欢使用键盘快捷键或箭头键访问内容。因此，重要的是您的内容以键盘为中心，这意味着网络上的所有内容都应该可以使用唯一的键盘访问。
4.媒体的隐藏式字幕
音频/视频内容应有相应的文字记录，以便残疾人可以访问内容。对于想要在嘈杂或受限区域消费内容的人也将有所帮助。文本记录还将使搜索引擎更容易索引内容。
5. 标题
标题在确定内容的上下文方面起着非常重要的作用。应该有一个小而描述性的标题来说明内容的内容。 Web 浏览器和插件也使用标题来促进页面内导航。根据重要性使用标题标签很重要，即。 h1 标记为最重要，h6 标记为最不重要。
6.使用语义HTML标签
残障用户使用屏幕阅读器阅读内容。语义标签有助于理解网页的基本布局。乱用 HTML 标签会混淆屏幕阅读器，因此使用特定标签非常重要。
7. 无障碍表格
表单在视觉和认知上可能很复杂，并且使用起来具有挑战性。无障碍表格更易于所有人使用，包括残障人士。
- 使用语音输入的人 可以通过语音命令使用标签更好地理解表单，以激活控件并将焦点移动到需要完成的其他字段。
- 使用屏幕阅读器的人 可以更轻松地识别和理解表单控件，因为它们与标签、字段集和其他结构元素相关联。
8.禁用自动媒体
无法访问自动媒体。对于无法访问媒体文件并且可能难以关闭自动媒体的人来说，这可能会很烦人。如果网络中有任何媒体文件，那么禁用自动播放功能并授予用户访问媒体的权限非常重要。
9. 使用 Aria 标签
可访问的富 Internet 应用程序 （咏叹调） 是一组简单的 HTML 属性，可以添加到任何标记中，这些标记定义了使残障人士更容易访问 Web 内容和 Web 应用程序的方法。这 角色 属性定义了特定的角色，如文章、按钮、警报。 Aria 属性还提供对象的描述，也可用于指定对象（如按钮）的活动或禁用状态。
<div id="percent-loaded" role="progress-bar" aria-valuenow="90"
aria-valuemin="0" aria-valuemax="100">
</div>
10.正确使用表格
没有适当结构标记的表格很难区分标题和数据单元格，这会造成可访问性障碍。还可以利用 标题 标记以提供标题，以便屏幕阅读器可以正确理解它，而不是为表格提供标题。这 范围 element 还可以帮助屏幕阅读器识别单元格是否是行、列或行或列组的标题。
<table>
<caption>重要事件</caption>
<tr>
<th scope="col">日期</th>
<th scope="col">事件</th>
</tr>
<tr>
<td scope="row">6月21日</td>
<td>我的生日</td>
</tr>
<tr>
<td scope="row">12 月 25 日</td>
<td>圣诞节</td>
</tr>
</table>
结论
通过网络或互联网访问每个人的内容非常重要。了解残疾人的问题，然后创建每个人都可以使用的可行解决方案，这将有助于通过每个人都可以使用的强大解决方案来迎合整个市场。
我这边就是这样。我尽力让它尽可能简单。我希望这可以帮到你。如果有任何改进博客的建议，请随时提出。
随时与我联系！
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
本文链接：https://www.qanswer.top/25860/18531100
标签：WEB,Web,标签,可以,访问,内容,关于,使用 来源： https://www.cnblogs.com/amboke/p/16683276.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。