首页 > 解决方案 > 浏览器中是否有任何类型的可访问性标题,例如手语

问题描述

大多数浏览器与其显示的网站共享用户定义的语言(例如在 JavaScript 中:navigator.language || navigator.userLanguage)。

但是,如果您的母语是例如手语,或者您需要简单的语言,该怎么办。如果您需要高对比度怎么办?虽然现在通过响应式网页设计或浏览器功能可以很好地处理字体大小,但从浏览器的角度来看,额外的要求很难实现。

到目前为止,是否有任何实现允许用户自动向网站发送信息,表明额外的可访问性要求?

我的愿景是向网站发送额外的标头(类似于不跟踪标头),允许开发人员根据这些要求编写 css 媒体查询,从而隐藏或显示其他元素或增加网站上的对比度。

我感谢任何形式的建议、提示或任何正在进行的讨论,或向 w3c 或其他机构提出的想法。

标签: javascripthtmlaccessibilityweb-accessibility

解决方案


是的,有实现。

也许我们可以让这个列表与网络标准保持同步:

可以通过Accept-Language标头将多种首选语言从浏览器传递到服务器。

IANA 语言子标签注册表实际上将其simple列为有效变体,以及诸如Swiss German Signsgn-CH-DE Language 之类的Sign Languages 。

替代作者风格

一个网站可以提供多种样式供用户选择

这使作者能够提供预设的对比样式、阅读障碍的字体等。

<link rel="alternate stylesheet"
 title="High Contrast"
 href="/contrast.css">

由于并非所有浏览器都提供在这些样式之间切换的便捷方式,因此网站上的小部件通常会提供额外的切换。

用户样式表

在谈论样式时:CSS 标准将用户自己的样式表考虑在内,在级联中赋予它们最高的特异性。

通常,这个样式表是通过浏览器设置来操作的。我能想到的一些:

  • 字体系列
  • 默认字体大小
  • 最小字体大小
  • 链接颜色

用户偏好媒体查询

这些是关于用户偏好的系统/浏览器设置,可供网络作者作为媒体查询使用。

例子是:

  • prefers-contrast
  • prefers-color-scheme
  • prefers-reduced-motion
@media screen and (prefers-reduced-motion) { }

但是,我们需要考虑对这些功能的支持,以及用户的意识。我们需要平衡教育与便利。


推荐阅读