Question

有一个带有子节点<div>元素的<button>元素，当我点击标签<button>时，元素没有获得屏幕焦点。我可以说是，在内部获得焦点（因为屏幕阅读器能够读取特定的div元素）。但这里的问题是......作为一个用户，我无法（在视觉上）看到该特定元素在屏幕上的焦点。

<div id="abc" class="pthnavsort pthnavsortnone" title="Sort Menu">
<button class="pthnavHideSortTxt">Menu not sorted. Click to sort in ascending order.</button>
</div>


pthnavHideSortTxt {
    text-indent: -99999em;
    overflow: hidden;
    border: 0;
    background: transparent;
    width: 25px;
    margin: 0;
    float: right;
    margin-right: -0.8em;
    margin-left: -0.8em;
    height: 12px;
}

Answer 1

尝试使用onclick attribut。

 <div style="margin-top : 5%;">
                                <button onclick="document.location.replace('SomeBodyOnceToldMe.html');" style="font-family: Arial; font-size : 9000px; color : green;">SHREK</button>
                        </div>

视觉上<div>元素没有在选项卡上点击

1 个答案: