Question

我需要嵌套一些元素，其中两个元素具有role属性。是否有可能读出内部元素？

我的代码：

<div class="panel-heading" role="tab">
    <div class="panel-title">
            <div class="row">
                <div class="icons">
                    <div class="icon" role="link" aria-label="Go to new page" [routerLink]="['/newpage']"></div>
                </div>
                <div class="description" role="text" aria-label="One plus one is two">
                    <div class="description-text">
                        1 + 1 = 2
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我简化了代码。所以我不得不说角色=＆＃34; tab＆＃34;必须在那里。

有人知道我是如何做到的吗？

如果第二个文字位于角色=＆＃34;标签＆＃34;也可以。元件

Answer 1

我仍然无法点击图标，因为角色=＆＃34;标签＆＃34; div在语音模式下标记..

您的链接上没有tabindex=0属性。如果您在点击此链接时遇到问题，则必须设置此属性才能使链接可以按下。

使用包含role=tab元素的role=link元素没有问题。这很常见。

如何在HTML中嵌套角色属性？

1 个答案: