CSS 和不同的环境

发布于 2024-12-09 15:29:32 字数 63 浏览 0 评论 0原文

如果某人是残疾人,那么拥有不同 CSS 依赖项的最佳方法是什么?

例如更大的文字、不同的颜色等?

What is the best approach to have a different CSS dependent if the person is disabled?

For example larger text, different colours etc.?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

国产ˉ祖宗 2024-12-16 15:29:32

查看加拿大国家盲人研究所网站:http://www.cnib.ca/en/

他们实现了一些很好的功能,例如

  1. 更改对比度、
  2. 更改文本大小
  3. 跳到内容
  4. 、仅针对表格数据

表。在大多数情况下,这只是根据需要切换样式表。

如果您这样做,您可能应该使用 cookie 来维护整个网站的首选项。

重要的是,您应该将这些选项的链接放置在页面顶部,以便可以轻松访问它们,既可以查看也可以通过选项卡结构进行访问。

Check out the Canadian National Institute for the Blind site: http://www.cnib.ca/en/

They have implemented some good features, such as

  1. changing contrast
  2. changing text size
  3. skip to content
  4. tables for tabular data only

For the most part, this is just switching out stylesheets as needed.

If you do this, you should probably use cookies to maintain preferences across the site.

Importantly, you should place the links for these options are the top of the page, where they will be easily accessible, both to view and through the tab structure.

幸福丶如此 2024-12-16 15:29:32

这里有一个带有 cookie 的 jQuery 样式切换器来保留用户的首选项:http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/" rel="nofollow">http://www.cssnewbie.com cssnewbie.com/simple-jquery-stylesheet-switcher/ 以及一种以可访问的方式实现的方法:http://www.alistapart.com/d/bodyswitchers/iotbs.html

但是,您应该确保您的标准网站颜色、字体大小等首先满足基本的可访问性水平。至少 WCAG2 A 级,以及高对比度/文本大小等作为可选附加功能。如果用户一开始就无法理解您的网站,那么在他们访问您的内容之前找到并使用样式切换器对他们来说只是另一项艰巨的任务。

There's a jQuery styleswitcher with cookies to keep the users' preferences here: http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/ and a method for implementing one in an accessible way here: http://www.alistapart.com/d/bodyswitchers/iotbs.html

However, you should be making sure that your standard site colours, font size, etc are meeting a basic level of accessibility to begin with. WCAG2 Level A at a minimum, and high-contrast/text-size etc as an optional extra. If users are having trouble perceiving your site to begin with, finding and using the styleswitcher is just another difficult task for them before they can get to your content.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文