Internet Explorer 中的 JAWS，不读取标题宽度 tabindex="0"

Question

我正在研究在悬停卡片时显示描述文本的小部件，为了使其可访问，当标题具有标签焦点时，描述文本也会打开，因此我在标题中添加了 tabindex="0"，
The issue I am facing is in Internet Explorer and JAWS screen reader, the heading is not read out when the tab focus goes to the heading text. 我尝试添加 aria-label 和 role="document" 仍然面临同样的问题。

也经历了这个 DIV ARIA-LABEl not being read by JAWS ，与将 aria-label 应用于跨度相关的解决方案不起作用， 并且与添加仅屏幕阅读器文本（带有 sr-only 类）相关的点将导致其他屏幕阅读器（例如 NVDA 和 Iphone）出现双重文本问题。
以下是 DOM 结构的外观：

<div class="card contaienr">
    <div class="card">
        <div class="content">
            <h3 tabindex="0" aria-level="3" role="heading">
                <span>
                    Heading Text 1
                </span>
            </h3>
            <div>
                <span>
                    Description text
                </span>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="content">
            <h3 tabindex="0" aria-level="3" role="heading">
                <span>
                    Heading Text 1
                </span>
            </h3>
            <div>
                <span>
                    Description text
                </span>
            </div>
        </div>
    </div>
</div>

Answer 1

在我的情况下，卡片标签上的列表项角色导致了问题， 如果我们从那里删除角色，这个问题就解决了。