Html &引用;显示;给盲人和视障游客的信息

Html &引用;显示;给盲人和视障游客的信息,html,wai-aria,disability,Html,Wai Aria,Disability,我想向所有访问我的网站的盲人和视障用户“显示”一条信息。它会这样说: 我们检测到屏幕阅读器当前处于活动状态。如果我们能做些什么让您在本网站上的浏览体验更轻松,请将您的请求发送至email@email.com 如何在HTML中执行类似操作而不向普通访问者显示?如果您在屏幕阅读器打开的情况下查看,页面上会显示一个“跳到内容”链接,但屏幕阅读器会关注该链接。这是第一件需要关注的事情,因此,如果屏幕阅读器用户不想每次加载页面时都跳过顶部相同的导航控件,他们可以直接跳到内容 此内容可供屏幕阅读器聚焦,但在

我想向所有访问我的网站的盲人和视障用户“显示”一条信息。它会这样说:

我们检测到屏幕阅读器当前处于活动状态。如果我们能做些什么让您在本网站上的浏览体验更轻松,请将您的请求发送至email@email.com

如何在HTML中执行类似操作而不向普通访问者显示?

如果您在屏幕阅读器打开的情况下查看,页面上会显示一个“跳到内容”链接,但屏幕阅读器会关注该链接。这是第一件需要关注的事情,因此,如果屏幕阅读器用户不想每次加载页面时都跳过顶部相同的导航控件,他们可以直接跳到内容

此内容可供屏幕阅读器聚焦,但在页面上不可见。这是通过以下CSS在该站点上实现的:

#skiplink {
    height: 0;
    width: 0;
    position: absolute;
    left: -1000px;
}

现在,因为元素是锚(
a
),所以默认情况下它会获得焦点。如果您想强制屏幕阅读器文本成为页面上的第一个可聚焦元素,我建议将其放在
内容的顶部或附近,或者给它一个
tabindex=“0”
属性。

虽然我理解您的意图,但也可能有其他用户在浏览您的网站时遇到问题。这些可能与可访问性或一般可用性有关,因此我建议所有用户都可以使用该链接

将链接放在标有“contentinfo”角色的页脚中的address元素中(以支持较旧的浏览器)应该允许屏幕阅读器用户通过landmark角色定位链接,并且还可以为其他用户提供该功能


.

address标记用于物理地址。@ShannonYoung:否,用于页面(或
文章
)。这可以包括邮政地址,但不限于此(并非所有邮政地址都适用于
地址
)。您的标题是盲人/视力受损者,您的身体是屏幕阅读器。所以您只对屏幕阅读器用户感兴趣?请注意,并非所有屏幕阅读器用户都是盲人,也并非所有视力低下的用户都使用屏幕阅读器。此外,如果你建议一些SR用户检测到他们使用了辅助技术,他们可能会发疯。我问这个问题的主要原因是,大约3年前,我在我的一个网站上随机阅读了一个盲人用户的评论,他/她写道他/她爱我的网站。那时我不知道盲人可以使用网络。现在我已经有时间更新同一个网站了,我想给那个网站(或者任何其他使用屏幕阅读器的用户)一个机会,给我一些关于他们浏览体验的反馈,这样我就有希望为他们做得更好。啊。上下文有帮助。我仍然支持@vcurd下面的回答,因为它对所有用户都是可用的,包括其他辅助技术的用户。例如,视力低下的用户数量远远超过盲人用户,但他们不经常使用屏幕阅读器。