CSS 和不同的环境
如果某人是残疾人,那么拥有不同 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
查看加拿大国家盲人研究所网站:http://www.cnib.ca/en/
他们实现了一些很好的功能,例如
表。在大多数情况下,这只是根据需要切换样式表。
如果您这样做,您可能应该使用 cookie 来维护整个网站的首选项。
重要的是,您应该将这些选项的链接放置在页面顶部,以便可以轻松访问它们,既可以查看也可以通过选项卡结构进行访问。
Check out the Canadian National Institute for the Blind site: http://www.cnib.ca/en/
They have implemented some good features, such as
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.
这里有一个带有 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.