Skip to content

Commit

Permalink
AutoCorrect files/zh-cn/learn/{a,c}* (#6106)
Browse files Browse the repository at this point in the history
* AutoCorrect files/zh-cn/learn/{a,c}*

* Update files/zh-cn/learn/accessibility/html/index.html

Co-authored-by: A1lo <[email protected]>
  • Loading branch information
huacnlee and yin1999 authored Jun 8, 2022
1 parent 0e9806d commit 43a1cc2
Show file tree
Hide file tree
Showing 83 changed files with 2,247 additions and 2,247 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@
<table class="learn-box standard-table">
<tbody>
<tr>
<th scope="row">先决条件:</th>
<td>基础的计算机知识,对HTML,CSS和JavaScript有基础的理解,理解<a href="/zh-CN/docs/Learn/Accessibility">本课程的前期内容</a></td>
<th scope="row">先决条件</th>
<td>基础的计算机知识,对 HTML,CSS 和 JavaScript 有基础的理解,理解<a href="/zh-CN/docs/Learn/Accessibility">本课程的前期内容</a></td>
</tr>
<tr>
<th scope="row">目标:</th>
<th scope="row">目标</th>
<td>理解可访问性的基础知识。</td>
</tr>
</tbody>
Expand Down
130 changes: 65 additions & 65 deletions files/zh-cn/learn/accessibility/css_and_javascript/index.html

Large diffs are not rendered by default.

146 changes: 73 additions & 73 deletions files/zh-cn/learn/accessibility/html/index.html

Large diffs are not rendered by default.

30 changes: 15 additions & 15 deletions files/zh-cn/learn/accessibility/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,44 +7,44 @@
<h1 id="可访问性">可访问性</h1>
</div>

<p>如果你想成为一个web开发者,学习一些HTML,CSS和JavaScript是很有用的, 但是仅仅使用这些技术是不够的, 你应该更进一步拓展你的知识 — 你需要响应式地使用它们来最大程度地发展你的用户, 并且使用这些技术时不能把任何一门排斥出去。 为了达到这个目的, 要遵循一般最佳实践(这些最佳实践已经被 <a href="/zh-CN/docs/Learn/HTML">HTML</a>, <a href="/zh-CN/docs/Learn/CSS">CSS</a>, 和 <a href="/zh-CN/docs/Learn/JavaScript">JavaScript</a> 相关的话题所证明),进行跨浏览器测试, 并且从项目最初阶段就把易使用性考虑在内。在这个模块中我们将会详细讨论后者。</p>
<p>如果你想成为一个 web 开发者,学习一些 HTML,CSS 和 JavaScript 是很有用的,但是仅仅使用这些技术是不够的,你应该更进一步拓展你的知识 — 你需要响应式地使用它们来最大程度地发展你的用户并且使用这些技术时不能把任何一门排斥出去。为了达到这个目的要遵循一般最佳实践(这些最佳实践已经被 <a href="/zh-CN/docs/Learn/HTML">HTML</a>, <a href="/zh-CN/docs/Learn/CSS">CSS</a>, 和 <a href="/zh-CN/docs/Learn/JavaScript">JavaScript</a> 相关的话题所证明),进行跨浏览器测试并且从项目最初阶段就把易使用性考虑在内。在这个模块中我们将会详细讨论后者。</p>

<h2 id="预备知识">预备知识:</h2>
<h2 id="预备知识">预备知识</h2>

<p>为了充分理解这个模块,你至少需要读过 <a href="/zh-CN/docs/Learn/HTML">HTML</a>, <a href="/zh-CN/docs/Learn/CSS">CSS</a>, 和 <a href="/zh-CN/docs/Learn/JavaScript">JavaScript</a>  各个话题的前两个模块, 或者有可能的话, 在你学习相关联的技术话题时也把可访问性相关的内容学习了, 这样会更好。</p>
<p>为了充分理解这个模块你至少需要读过 <a href="/zh-CN/docs/Learn/HTML">HTML</a>, <a href="/zh-CN/docs/Learn/CSS">CSS</a>, 和 <a href="/zh-CN/docs/Learn/JavaScript">JavaScript</a>  各个话题的前两个模块或者有可能的话在你学习相关联的技术话题时也把可访问性相关的内容学习了这样会更好。</p>

<div class="note">
<p><strong>注意</strong>: 如果在你所使用的设备上你不能建立自己的文件,你可以使用在线编码平台运行大多数样例代码, 比如 <a href="http://jsbin.com/">JSBin</a> 或者 <a href="https://glitch.com/">Glitch</a>.</p>
<p><strong>注意</strong>: 如果在你所使用的设备上你不能建立自己的文件你可以使用在线编码平台运行大多数样例代码比如 <a href="http://jsbin.com/">JSBin</a> 或者 <a href="https://glitch.com/">Glitch</a>.</p>
</div>

<h2 id="参考指南">参考指南</h2>

<dl>
<dt><a href="/zh-CN/docs/Learn/Accessibility/What_is_accessibility">什么是可访问性?</a></dt>
<dd>这篇文章开头很好地阐述了到底什么是'可访问性' — 这包括我们要考虑哪一群人以及为什么要考虑这些人,不同用户使用什么工具与网页交互,以及我们在网页开发流中如何构建可用性部分.</dd>
<dt><a href="/zh-CN/docs/Learn/Accessibility/What_is_accessibility">什么是可访问性</a></dt>
<dd>这篇文章开头很好地阐述了到底什么是'可访问性' — 这包括我们要考虑哪一群人以及为什么要考虑这些人不同用户使用什么工具与网页交互以及我们在网页开发流中如何构建可用性部分</dd>
<dt><a href="/zh-CN/docs/Learn/Accessibility/HTML">HTML: 确保可访问性的良好基础</a></dt>
<dd>只要确保恰当的 HTML 元素被用于适当的目的, 大量的网页内容即可具有可用性, 这篇文章详细地讲述了 HTML 的用法, 以确保网页有最大的可访问性.</dd>
<dd>只要确保恰当的 HTML 元素被用于适当的目的 大量的网页内容即可具有可用性这篇文章详细地讲述了 HTML 的用法以确保网页有最大的可访问性</dd>
<dt><a href="/zh-CN/docs/Learn/Accessibility/CSS_and_JavaScript">CSS 与 JavaScript 可用性最佳实践</a></dt>
<dd>CSS 与 JavaScript, 当正确使用的时候, 也能够使得网页具有很好的可访问性, 但是如果错误地使用他们将极大地破坏可访问性. 这篇文章罗列了一些应该被考虑的CSS 和 JavaScript的最佳实践, 确保再复杂的内容都可以有尽可能好的可访问性.</dd>
<dd>CSS 与 JavaScript, 当正确使用的时候也能够使得网页具有很好的可访问性但是如果错误地使用他们将极大地破坏可访问性。这篇文章罗列了一些应该被考虑的 CSS 和 JavaScript 的最佳实践,确保再复杂的内容都可以有尽可能好的可访问性</dd>
<dt><a href="/zh-CN/docs/Learn/Accessibility/WAI-ARIA_basics">无障碍网页应用基础</a></dt>
<dd>继上一篇文章之后,有时候制作复杂的UI控件会涉及到非语义的HTML和动态的JavaScript更新内容会很难。 WAI-ARIA是一种可以帮助解决这些问题的技术,通过增加浏览器和辅助技术可以识别和使用的进一步语义来让用户知道正在发生的事情。 在这里,我们将展示如何在基本级别上使用它来提高可访问性。</dd>
<dd>继上一篇文章之后,有时候制作复杂的 UI 控件会涉及到非语义的 HTML 和动态的 JavaScript 更新内容会很难。WAI-ARIA 是一种可以帮助解决这些问题的技术,通过增加浏览器和辅助技术可以识别和使用的进一步语义来让用户知道正在发生的事情。在这里,我们将展示如何在基本级别上使用它来提高可访问性。</dd>
<dt><a href="/zh-CN/docs/Learn/Accessibility/Multimedia">多媒体</a></dt>
<dd>可以提高可访问性的另一类内容是多媒体 - 视频,音频和图像内容需要提供适当的文本替代方案,以便辅助技术和相应的用户能够理解。 这篇文章展示了永达。</dd>
<dd>可以提高可访问性的另一类内容是多媒体 - 视频,音频和图像内容需要提供适当的文本替代方案,以便辅助技术和相应的用户能够理解。这篇文章展示了永达。</dd>
<dt><a href="/zh-CN/docs/Learn/Accessibility/Mobile">移动设备可访问性</a></dt>
<dd>随着移动设备上网页访问的流行,以及主流平台(如iOS和Android)具备了完善的辅助功能工具,考虑在这些平台上Web内容的可访问性也是非常重要的。 本文讨论针对移动设备的可访问性注意事项。</dd>
<dd>随着移动设备上网页访问的流行,以及主流平台(如 iOS 和 Android)具备了完善的辅助功能工具,考虑在这些平台上 Web 内容的可访问性也是非常重要的。本文讨论针对移动设备的可访问性注意事项。</dd>
</dl>

<h2 id="评估">评估</h2>

<dl>
<dt><a href="/zh-CN/docs/Learn/Accessibility/Accessibility_troubleshooting">可访问性诊断</a></dt>
<dd>针对这篇模块, 对于您的理解程度, 我们提供了评估方法,我们向您展示了一个简单的网站,其中包含许多您需要诊断和修复的可访问性问题。</dd>
<dd>针对这篇模块对于您的理解程度 我们提供了评估方法,我们向您展示了一个简单的网站,其中包含许多您需要诊断和修复的可访问性问题。</dd>
</dl>

<h2 id="另见">另见</h2>

<ul>
<li><a href="https://egghead.io/courses/start-building-accessible-web-applications-today"> 现在开始构建可访问性的web应用</a> — 来自Marcy Sutton的一系列优质的视频教程.</li>
<li><a href="https://dequeuniversity.com/resources/">DequeUniversity 资源</a> — 包含代码示例,屏幕阅读参考和其他有用的资源.</li>
<li><a href="http://webaim.org/resources/">WebAIM 资源</a> — 包含向导,清单,工具和其他资源.</li>
<li><a href="https://egghead.io/courses/start-building-accessible-web-applications-today"> 现在开始构建可访问性的 web 应用</a> — 来自 Marcy Sutton 的一系列优质的视频教程。</li>
<li><a href="https://dequeuniversity.com/resources/">DequeUniversity 资源</a> — 包含代码示例,屏幕阅读参考和其他有用的资源</li>
<li><a href="http://webaim.org/resources/">WebAIM 资源</a> — 包含向导,清单,工具和其他资源</li>
</ul>
Loading

0 comments on commit 43a1cc2

Please sign in to comment.