gpt4 book ai didi

javascript - 我应该用 JavaScript 更新 aria-* 属性吗?

转载 作者:太空宇宙 更新时间:2023-11-04 07:33:06 25 4
gpt4 key购买 nike

假设我有以下 HTML 代码:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
display:none;
}
input:focus + p {
display:block;
}
</style>
</head>
<body>
<input />
<p aria-hidden="true">This field should not exceed 200 characters.</p>
</body>
</html>

当我将鼠标光标置于 input 字段时,该段落出现。然而,该段落仍然具有 aria-hidden="true" 属性,尽管它是可见的。

就网络可访问性而言,我是否应该引入 JavaScript 代码,根据具体情况在 truefalse 之间显式切换 aria-hidden我的 CSS 规则是显示还是隐藏段落标记?

我正在思考如何使用这些 aria 属性,以及它们是否意味着 JavaScript 开发人员需要添加额外的代码来改变 HTML 标记反射(reflect)了我的 CSS 描述的行为。

最佳答案

您的特定示例有点奇怪,但总的来说,是的,应该使用 javascript 来更改 aria 属性的值。就像你可以用JS改变任何元素属性的值一样。

如果您有一个自定义复选框,例如 <span role='checkbox' aria-checked='false'> (*),那么当复选框被选中时,您需要 JS 将 aria-checked 的值从 FALSE 更改为 TRUE(当然反之亦然)。

(*) 如果您有一个自定义复选框,您将拥有此处未显示的其他几个属性,例如 tabindex、鼠标和键盘处理程序等。

关于javascript - 我应该用 JavaScript 更新 aria-* 属性吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49201243/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com