From 940c0cec5ba28b59e4f2555928bb9643e6c035e4 Mon Sep 17 00:00:00 2001 From: Xingyu Wang Date: Sun, 30 Apr 2023 16:24:30 +0800 Subject: [PATCH] RP @geekpi https://linux.cn/article-15767-1.html --- ...rce modules to make your website accessible.md | 76 +++++++++++++++++++ ...rce modules to make your website accessible.md | 69 ----------------- 2 files changed, 76 insertions(+), 69 deletions(-) create mode 100644 published/20230412.2 ⭐️ 7 open source modules to make your website accessible.md delete mode 100644 translated/tech/20230412.2 ⭐️ 7 open source modules to make your website accessible.md diff --git a/published/20230412.2 ⭐️ 7 open source modules to make your website accessible.md b/published/20230412.2 ⭐️ 7 open source modules to make your website accessible.md new file mode 100644 index 0000000000..3da4dc6f2f --- /dev/null +++ b/published/20230412.2 ⭐️ 7 open source modules to make your website accessible.md @@ -0,0 +1,76 @@ +[#]: subject: "7 open source modules to make your website accessible" +[#]: via: "https://opensource.com/article/23/4/drupal-modules-website-accessibility" +[#]: author: "Neeraj Kumar https://opensource.com/users/neerajskydiver" +[#]: collector: "lkxed" +[#]: translator: "geekpi" +[#]: reviewer: "wxy" +[#]: publisher: "wxy" +[#]: url: "https://linux.cn/article-15767-1.html" + +7 个使你的 Drupal 网站无障碍访问的开源模块 +====== + +![][0] + +> 使用这些 Drupal 模块，使你的网站对每个人都可以无障碍访问。 + +随着网站的 无障碍访问accessibility 继续成为人们日益关注的问题，网站所有者和开发人员需要确保他们的网站符合[美国残疾人法案][1]（ADA）。Drupal 是一种流行的开源内容管理系统（CMS），它提供各种工具和模块以确保所有用户都可以访问你的网站，而无论他们的能力如何。本文讨论了网站无障碍访问的重要性、ADA 合规性的基本要求，以及 [Drupal][2] 如何帮助你实现合规性。 + +### 为什么网站无障碍访问很重要 + +出于多种原因，网站无障碍访问很重要。首先，它确保残障人士可以访问和使用你的网站。这包括有视觉、听觉、身体和认知障碍的人。通过使你的网站可以无障碍访问，你不仅遵守了法律，而且还为所有用户提供了更好的体验。 + +此外，网站无障碍访问可以改善你网站的搜索引擎优化（SEO）并提高网站的可用性。搜索引擎优先考虑无障碍的网站，如果易于使用，用户更有可能在你的网站上停留更长时间并与你互动。 + +### ADA 合规性的基本要求 + +ADA 要求所有网站和数字内容都可供残障人士访问。ADA 合规性的一些基本要求包括： + +- 为所有图像和非文本内容提供替代文本描述。 +- 确保所有视频都有字幕和文字说明。 +- 使用颜色对比和其他设计元素使你的网站更具可读性。 +- 提供访问内容的替代方式，例如音频描述和键盘导航。 +- 确保你的网站与辅助技术兼容，例如屏幕阅读器和盲文显示器。 + +### Drupal 如何帮助你实现合规性 + +Drupal 提供各种工具和模块来帮助你实现网站的无障碍和 ADA 合规性。以下是我认为最有用的七个： + +- [无障碍访问检查器][3]：扫描你的网站以查找常见的无障碍访问问题并提出改进建议。 +- [颜色对比分析器][4]：分析你网站的颜色对比度并做出改变以提高可读性。 +- [块元素 ARIA 地标角色][5]：增强 WAI-ARIA 在站点标记中的使用。此模块允许你通过块配置表单将 ARIA 地标角色和/或 ARIA 标签直接分配给站点布局中的每个块元素。 +- [Civic 无障碍访问工具栏][6]：提供辅助工具以帮助残障用户浏览网站并与之交互。 +- [htmLawed][7]：通过限制和净化 HTML 确保符合 Web 标准和管理策略。 +- [调整文本大小][8]：通过在页面上显示可调整的文本大小更改器或缩放功能来增强 Web 无障碍。 +- [自动替代文本][9]：利用 [微软 Azure Cognitive Services API][10] 在没有替代文本时创建图像标题。 + +### 总结 + +出于法律原因和为所有用户提供更好的用户体验，确保网站无障碍访问和 ADA 合规性非常重要。从无障碍访问检查器到颜色对比分析器，Drupal 提供了多种方法来确保你的网站符合 ADA 标准。使用 Drupal 的工具和模块，你可以让每个人都可以访问你的网站，无论他们的能力如何，并提供更好的用户体验。 + +*（题图：MJ/accessibility illustration in high resolution, very detailed, 8k）* + +-------------------------------------------------------------------------------- + +via: https://opensource.com/article/23/4/drupal-modules-website-accessibility + +作者：[Neeraj Kumar][a] +选题：[lkxed][b] +译者：[geekpi](https://github.com/geekpi) +校对：[wxy](https://github.com/wxy) + +本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出 + +[a]: https://opensource.com/users/neerajskydiver +[b]: https://github.com/lkxed/ +[1]: https://www.dol.gov/general/topic/disability/ada +[2]: https://opensource.com/article/23/3/create-accessible-websites-drupal +[3]: https://www.drupal.org/project/editoria11y +[4]: https://www.drupal.org/project/high_contrast +[5]: https://www.drupal.org/project/block_aria_landmark_roles +[6]: https://www.drupal.org/project/civic_accessibility_toolbar +[7]: https://www.drupal.org/project/htmlawed +[8]: https://www.drupal.org/project/textsize +[9]: https://www.drupal.org/project/auto_alter +[10]: https://www.microsoft.com/cognitive-services +[0]: https://img.linux.net.cn/data/attachment/album/202304/30/162337kdiekuzchl2cx2m1.png \ No newline at end of file diff --git a/translated/tech/20230412.2 ⭐️ 7 open source modules to make your website accessible.md b/translated/tech/20230412.2 ⭐️ 7 open source modules to make your website accessible.md deleted file mode 100644 index eb393ad07a..0000000000 --- a/translated/tech/20230412.2 ⭐️ 7 open source modules to make your website accessible.md +++ /dev/null @@ -1,69 +0,0 @@ -[#]: subject: "7 open source modules to make your website accessible" -[#]: via: "https://opensource.com/article/23/4/drupal-modules-website-accessibility" -[#]: author: "Neeraj Kumar https://opensource.com/users/neerajskydiver" -[#]: collector: "lkxed" -[#]: translator: "geekpi" -[#]: reviewer: " " -[#]: publisher: " " -[#]: url: " " - -7 个使你网站无障碍的开源模块 -====== - -随着网站的无障碍继续成为人们日益关注的问题，网站所有者和开发人员需要确保他们的网站符合[美国残疾人法案][1] (ADA)。Drupal 是一种流行的开源内容管理系统 (CMS)，它提供各种工具和模块以确保所有用户都可以访问你的网站，而无论他们的能力如何。本文讨论了网站无障碍的重要性、ADA 合规性的基本要求，以及 [Drupal][2] 如何帮助你实现合规性。 - -### 为什么网站无障碍很重要 - -出于多种原因，网站无障碍很重要。首先，它确保残障人士可以访问和使用你的网站。这包括有视觉、听觉、身体和认知障碍的人。通过使你的网站无障碍，你不仅遵守了法律，而且还为所有用户提供了更好的体验。 - -此外，网站无障碍可以改善你网站的搜索引擎优化 (SEO) 并提高网站的可用性。搜索引擎优先考虑无障碍的网站，如果易于使用，用户更有可能在你的网站上停留更长时间并与你互动。 - -### ADA 合规性的基本要求 - -ADA 要求所有网站和数字内容都可供残障人士访问。ADA 合规性的一些基本要求包括： - -- 为所有图像和非文本内容提供替代文本描述。 -- 确保所有视频都有字幕和文字说明。 -- 使用颜色对比和其他设计元素使你的网站更具可读性。 -- 提供访问内容的替代方式，例如音频描述和键盘导航。 -- 确保你的网站与辅助技术兼容，例如屏幕阅读器和盲文显示器。 - -### Drupal 如何帮助你实现合规性 - -Drupal 提供各种工具和模块来帮助你实现网站的无障碍和 ADA 合规性。以下是我认为最有用的七个： - -- [辅助功能检查器][3]：扫描你的网站以查找常见的辅助功能问题并提出改进建议。 -- [颜色对比分析器][4]：分析你网站的颜色对比度并做出改变以提高可读性。 -- [Block ARIA Landmark Roles][5]：增强 WAI-ARIA 在站点标记中的使用。此模块允许你通过块配置表单将 ARIA landmark 角色和/或 ARIA 标签直接分配给站点布局中的每个块。 -- [Civic 无障碍工具栏][6]：提供辅助工具以帮助残障用户浏览网站并与之交互。 -- [htmLawed][7]：通过限制和净化 HTML 确保符合 Web 标准和管理策略。 -- [调整文本大小][8]：通过在页面上显示可调整的文本大小更改器或缩放功能来增强 Web 无障碍。 -- [自动替代文本][9]：利用 [Microsoft Azure Cognitive Services API][10] 在没有替代文本（alt text）时创建图像标题。 - -### 总结 - -出于法律原因和为所有用户提供更好的用户体验，确保网站无障碍和 ADA 合规性非常重要。从辅助功能检查器到颜色对比分析器，Drupal 提供了多种方法来确保你的网站符合 ADA 标准。使用 Drupal 的工具和模块，你可以让每个人都可以访问你的网站，无论他们的能力如何，并提供更好的用户体验。 - --------------------------------------------------------------------------------- - -via: https://opensource.com/article/23/4/drupal-modules-website-accessibility - -作者：[Neeraj Kumar][a] -选题：[lkxed][b] -译者：[geekpi](https://github.com/geekpi) -校对：[校对者ID](https://github.com/校对者ID) - -本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出 - -[a]: https://opensource.com/users/neerajskydiver -[b]: https://github.com/lkxed/ -[1]: https://www.dol.gov/general/topic/disability/ada -[2]: https://opensource.com/article/23/3/create-accessible-websites-drupal -[3]: https://www.drupal.org/project/editoria11y -[4]: https://www.drupal.org/project/high_contrast -[5]: https://www.drupal.org/project/block_aria_landmark_roles -[6]: https://www.drupal.org/project/civic_accessibility_toolbar -[7]: https://www.drupal.org/project/htmlawed -[8]: https://www.drupal.org/project/textsize -[9]: https://www.drupal.org/project/auto_alter -[10]: https://www.microsoft.com/cognitive-services \ No newline at end of file