辅助功能最佳实践:将鼠标悬停在 <li> 上与将鼠标悬停在 <a>

问题描述 投票:0回答:1

我正在优化网站的可访问性。但是我注意到 LI 是悬停状态,而不是 A。这是否值得关注?一般来说,我对可访问性非常熟悉,但很难找到任何比较信息。

我假设 a 更好,因为这是目标。然而w3根本没有提到这一点。在重构任何内容之前,我有兴趣听到一些意见或查看一些性能比较。

w3.org 上的此链接表明是 UL 保持悬停状态,我认为从设计角度(填充等)来看这是有意义的。 SO怎么想?

html css accessibility
1个回答
1
投票

只需确保列表的悬停状态“只是”视觉提示,而不是实际内容,无论哪种方式都应该没问题。

此外,请确保超链接本身格式正确 - 特别是检查它是否可以通过键盘操作 - 即它应该使用 TAB 获得/失去焦点,并支持使用 ENTER 激活(“单击”)。确保它有一个有意义的可访问名称(通常是链接文本,但通常作为图像替代实现)。对于可访问性来说,这些比悬停效果重要得多。

如果列表或列表项获得焦点,和/或响应单击或键盘输入,则违反 ARIA 和 HTML-AAM 规范。 (列表和列表项应该是不可操作的)。如果需要,请务必在超链接的包装上添加悬停效果,但实际的单击/激活属于超链接本身。

© www.soinside.com 2019 - 2024. All rights reserved.