问题标签 [accessible]

我创建了一个按钮，最终会有一个 onclick 事件——当用户将鼠标悬停在按钮上时，一个 div 元素会弹出一个带有“了解更多”的锚点（在示例中，我使用了一个长字符串来帮助巩固问题）我设计的代码可以使用鼠标按预期工作，但是使用键盘在元素之间进行选项卡 - 键盘将首先选择按钮（好）然后选择锚（也好）但锚会立即退出视图因为父母没有被悬停。这会导致其他问题，因为它将保持对现在隐藏的元素的关注并导致内容发生意外移动。

我设计了一个 codepen 来演示这个问题https://codepen.io/honeynutz/pen/bGgXQyx

我的代码：

我的猜测是我需要定位锚点以触发 .cover 父级上的转换，但我无法找出正确的方法来做到这一点

编辑：请注意，我需要此代码才能在 IE11 中工作，这否定了我使用 focus-within 的能力

我正在尝试通过确保所有图像都分配了替代文本来更新我公司的网站，使其对 ADA 更友好。但是，当我在 Wordpress CMS 上添加替代文本时，我无法在 HTML 中查看它。请参阅随附的屏幕截图以供参考。

我将非常感谢任何人提供的任何帮助，帮助我了解在服务器上的位置以及添加内容以确保显示我的替代文本。

这是我在屏幕截图中引用的图标的代码片段：

在 wordpress 媒体库中添加的替代文本的屏幕截图

当鼠标悬停在菜单栏中的“故事”按钮上时，我希望屏幕阅读器阅读文本“故事，菜单项”。我已经尝试添加aria-label以及在aria-describedby内部，span但屏幕阅读器仍在阅读“故事”文本，而不是“故事，菜单项”文本。

原始代码：

我尝试过但不起作用的事情：

(1) 添加aria-label

(2) 添加aria-describedby