1

我正在构建一个管理风格、数据驱动的内部业务应用程序（而不是面向公众的网站）。我想使用基于 Bootstrap 的模板（甚至考虑从 Bootstrap 市场或其他地方购买模板），但关键要求是该站点必须是可访问的（符合 WCAG 2.0 AA 标准）。

我知道 Bootstrap 存在一些可访问性问题（一些颜色、一些 javascript 等），但我也知道随着新版本的发布，很多问题都在变得更好。Bootstrap 文档本身只提供了关于可访问性的一小部分，没有提及 WCAG 2.0。有谁知道可访问性和 Bootstrap 的最新状态（目前是 3.3.7 版）？

我也遇到过Accessible+，这是一个基于 Bootstrap 的模板，但我不确定该设计是否适合我正在构建的应用程序，因为它似乎更面向公众（基于产品/销售）。但它可能会奏效。

或者，是否有人可以推荐任何其他基于 Bootstrap 的模板（无论是否免费），这些模板可以很好地满足我的需求，同时也很容易访问？

4

4 回答 4

3

我开发和维护强调 WCAG 2.0 AA 合规性的自定义引导程序网站，但我正在寻找一个基于引导程序的良好模板，我可以从中开发较小的项目，而无需为自定义项目投入时间。

我注意到的一件事是，宣传为 WCAG 2.0 AA / 508 Compliant 的少数模板和主题实际上并不兼容，包括 Accessible+。在他们的模板上使用在线 WebAIM 工具，它在首页上记录了 8 个 WCAG 2.0 AA 编码错误、16 个警报和 4 个对比度错误。

WebAIM 在线工具只是一个起点，即使在该工具上获得零错误也不会使网站“合规”没有“合规”网站之类的东西……标准是主观的。有更少和合规和更合规的网站。

使用 WebAIM 工具进行验证肯定会使网站更加合规。要获得任何类型的证明网站符合残疾人士的实际实验室测试是必需的。即使这样，网站也可以从进行测试的第三方那里获得认证，如果针对网站提出投诉，司法部不会参考通用合规印章。

我发现的另一件事是，需要注意使用什么第三方来认证网站。有些非常昂贵，不一定有很大的可信度。犹他州立大学的非营利性 WebAIM 项目是最可信且价格合理的项目之一。他们的网站还提供了一些关于网络附件和合规性的最佳整体信息。请注意，除了在那里参加培训外，我与该组织没有任何隶属关系。

于 2017-05-26T18:38:28.037 回答
2

免责声明：我是Accessible+ 可访问引导模板的作者，由问题开启者在此处链接。

Accessible+ 实际上是基于基于Bootstrap的资产。我开发它是因为没有可用的 Bootstrap 可访问选项。

主要目的是“非管理员”网站的常规模板。由于我没有收到过多的要求做一个 Admin 模板版本，所以我从来没有花时间设计一个。但是——我将来可能会。

无论如何，我可以提供个性化定制，即使您要求我只是让您成为管理员方面的一般“骨架”。

感谢您选择购买该模板，我知道它不能 100% 满足您的需求，我希望您成功地将其转换为您需要的方式。

于 2016-09-06T11:49:41.970 回答
2

我也有同样的情况。我不确定自 3.1.1 以来 Bootstrap 的可访问性如何得到改进。版本。

我还看到了 Accessible+ 模板，但它自 1 月份以来一直没有更新，我不确定是否能满足我的需要，所以为此付费将是我的最后选择。

这是我的两个主要选择：

  • 资产 CMS GOV 框架。它是对 Bootstrap 3.1.1 的修改，改进了可访问性以符合第 508 节的要求（美国管理 WCGA 2.0 的替代方案，但比 WCGA AA 的限制要少一些）。你可以在这里找到它http://assets.cms.gov/resources/framework/3.4.1/Pages/问题是这个包只是一堆不同脚本、样式等的文件夹，我不知道从哪儿开始。我查看了以前版本的框架http://assets.cms.gov/resources/framework/2.0/Pages/它基于 Bootstrap 2，这些文件看起来更像是我下载时期望找到的那种内容。所以......在考虑了几个小时后，考虑是否对包中的所有这些文件夹进行了修改，或者原件在哪里以及如何开始，我拒绝了它......也许你可以更清楚地看到它。

  • 我开始使用的另一个选项是当前的 Bootstrap 版本，带有用于可访问性的 Paypal Bootstrap 插件https://github.com/paypal/bootstrap-accessibility-plugin。这对我来说似乎更清楚如何使用，但这是从 2 年前开始的，我对此没有太大希望。

无论如何......这两个选项都是几年前的。我花了两天时间寻找其他东西，但现在似乎没有人关心可访问性。自 3.1.1 以来，已在 Bootstrap 上实现了一些可访问性更改，但我认为仍远未为 WCAG 2.0 AA 做好准备。

在 Bootstrap 4 beta 中似乎有更多的可访问性改进，但我不知道它们是否足以完成 WCAG 2.0 AA 标准。

很高兴知道您是否发现了一些有趣的东西！

于 2016-08-11T19:21:44.790 回答
0

我过去也在寻找一个可访问的 Bootstrap 4 模板，但什么也没找到。我发现的那些在大多数可访问性测试中都失败了。

不过最近，我再次搜索并找到了“ Labinator A11y-Bootstrap ”模板。它基本上是一个可访问的 Bootstrap 4 高级模板，满足 WCAG 2.1 AAA 级指南。它还带有一个辅助工具栏。

如果您需要免费模板并具有良好的编码知识，那么任何现代 Bootstrap 4 模板都可以通过适当的 Web 开发和可访问性专业知识进行访问。您可以先阅读 Bootstrap 的官方可访问性页面（https://getbootstrap.com/docs/4.4/getting-started/accessibility/），然后熟悉 WCAG 2.1 AA/AAA 级指南。网上有一些有用的清单，特别是在 WCAG 的官方网站上。

此后，您必须使用多个 Web 可访问性工具测试您的模板并手动验证结果。两个很好的工具是AChecker.ca和wave.webaim.org。请注意，所有当前的 Web 可访问性工具都不是完全准确的 - 对它们持保留态度。它们可以作为正确方向的良好指针，而不是最终指南。

值得注意的是，Bootstrap 4+ 在可访问性方面比 Bootstrap 3+ 好得多。作为一名在该领域工作的全职 Web 开发人员，当我们拥有现代 Bootstrap 4 时，我永远不会选择 Bootstrap 3+ 或任何基于它的模板。

我希望这会有所帮助！

于 2020-02-29T16:35:31.200 回答