---
title: 无障碍
slug: Web/Accessibility
tags:
  - Accessibility
  - Landing
translation_of: Web/Accessibility
---
<p>在Web开发无障碍性意味着使尽可能多的人能够使用Web站点,即使这些人的能力是有限的。这里我们提供关于开发易访问的内容的信息。</p>

<div class="tran-result">“无障碍性是最常用于描述设施或设施,帮助残疾人,如“轮椅”。这可以扩展到盲文标识、轮椅坡道,音频信号在人行横道,轮廓人行道,网站设计,等等。" <a href="http://en.wikipedia.org/wiki/Accessibility">维基百科条目可访问性</a></div>

<div class="tran-result"></div>

<p>"<strong>网络从根本上是为了为所有的人工作</strong>, 无论他们的硬件、软件、语言、文化、位置或身体或精神能力。当网络达到这一目标,它可以被不同的人的听觉范围,运动,和认知能力访问。" <a href="http://www.w3.org/standards/webdesign/accessibility" title="http://www.w3.org/standards/webdesign/accessibility">W3C - 可访问性</a></p>

<h2 class="Documentation" id="Documentation" name="Documentation">主要教程</h2>

<dl>
 <dt>MDN <a href="https://developer.mozilla.org/zh-CN/docs/Learn/Accessibility">无障碍学习区</a> 包含现代的最新教程，涵盖无障碍性要点：<br>
 <br>
 <a href="https://developer.mozilla.org/zh-CN/docs/Learn/Accessibility/What_is_accessibility">什么是可访问性？</a><br>
      这篇文章很好的介绍无障碍性的实际情况——包括我们需要考虑哪些人群以及为什么，人们用什么工具与Web进行交互，以及我们的网站无障碍如何开发的流程<br>
 <br>
 <a href="https://developer.mozilla.org/zh-CN/docs/learn/Accessibility/HTML:%E4%B8%BA%E5%8F%AF%E8%AE%BF%E9%97%AE%E6%80%A7%E6%8F%90%E4%BE%9B%E4%B8%80%E4%B8%AA%E8%89%AF%E5%A5%BD%E7%9A%84%E5%9F%BA%E7%A1%80">HTML : 无障碍性的良好基础</a><br>
       通过使用正确的HTML元素确保始终正确，无障碍性的web内容保证。本文详细介绍如何使用HTML 来确保无障碍性。<br>
 <br>
 <a href="https://developer.mozilla.org/zh-CN/docs/Learn/Accessibility/CSS_and_JavaScript">CSS 和 JavaScript 无障碍最佳做法</a></dt>
 <dt>       CSS和 JavaScript 正确使用时，也是具有达到无障碍网络体验的能力，但滥用情况下，也会严重损害无障碍性。本文概述了一些 CSS 和 JavaScript最佳实践，以尽可能包括无障碍性的复杂内容。<br>
  </dt>
 <dt><a href="https://developer.mozilla.org/zh-CN/docs/Learn/Accessibility/WAI-ARIA_basics">WAI-ARIA基础知识</a></dt>
 <dt>       从之前的一篇文章来看，有时候制作复杂的UI控件涉及非正规的HTML和动态JavaScript更新的内容可能很困难。WAI-ARIA是一种通过添加进一步的语义让浏览器和无障碍技术可以识别和使用，让用户知道发生了什么。这里我们将介绍如何提高无障碍性的基础知识。<br>
  </dt>
 <dt><a href="https://developer.mozilla.org/zh-CN/docs/Learn/Accessibility/Multimedia">无障碍多媒体</a></dt>
 <dt>另一类造成无障碍问题就是多媒体—视频，音频和图像需要给出适当的文本替代，以便可以通过辅助技术及其用户来理解。本文内容如上。<br>
  </dt>
 <dt><a href="https://developer.mozilla.org/zh-CN/docs/Learn/Accessibility/Mobile">移动无障碍</a></dt>
 <dt>随着移动设备网络访问的受欢迎，流行平台( IOS 和 Android ) 具有完善的辅助功能工具，重要的是在这些平台考虑你网站的无障碍性。本文将介绍无障碍移动专用的注意事项。</dt>
 <dd></dd>
 <dt>
 <h2 id="其他文件">其他文件</h2>

 <p><a href="https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/Understanding_WCAG">了解Web内容无障碍功能指南</a><br>
        这组文章提供了快速解释，以帮助你了解需要采取的步骤，以符合W3C web 内容辅助功能指南2.0的建议</p>

 <p><a href="https://developer.mozilla.org/en/Accessibility/Keyboard-navigable_JavaScript_widgets">键盘导航的 JavaScript小部件</a><br>
        直到现在，想要使他们的风格基于&lt;div&gt; 和 &lt;span&gt; 的小元素的网络开发人员缺乏适当的技术。无障碍关键是开发人员应该注意的最小无障碍要求的一部分。</p>
 </dt>
 <dt><a href="/zh-CN/docs/Accessibility/ARIA">ARIA</a></dt>
 <dt>一组文章,学习如何利用ARIA使你的HTML文档更容易理解。<br>
  </dt>
 <dt><a href="/zh-CN/docs/Accessibility/AT_Development" title="AT Development">辅助技术(AT)发展</a></dt>
 <dt>针对辅助技术（AT）开发人员文章的集合</dt>
 <dd></dd>
 <dt><a href="https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/Mobile_accessibility_checklist">移动辅助功能清单</a></dt>
 <dt>本文档提供了移动应用开发人员无障碍要求的简明清单</dt>
</dl>

<h2 class="Tools" id="Tools" name="Tools">web开发人员工具</h2>

<ul>
 <li><a class="external" href="http://www-archive.mozilla.org/quality/embed/plans/accessibility/nsIAccessibleTestPlan.html" title="http://www-archive.mozilla.org/quality/embed/plans/accessibility/nsIAccessibleTestPlan.html">自动化可访问性测试</a></li>
 <li><a class="external" href="http://www.standards-schmandards.com/index.php?show/fangs">尖牙屏幕阅读模拟器</a></li>
</ul>

<h2 id="其他有用的网站"><span class="web-item">其他有用的网站 </span></h2>

<ul>
 <li><a class="external" href="https://support.mozilla.org/kb/accessibility-features-firefox-make-firefox-and-we">屏幕阅读器列表</a></li>
</ul>