是否应该删除tabindex=为“0”的不可点击元素的:焦点蓝色轮廓？

文章/答案/技术大牛

发布

1回答

css、focus、accessibility、tabindex、outline

为了确保顺序导航，我们向这些div添加了tabindex="0“，现在可以使用Tab键顺序导航。那很好。但是，我们我的问题是，这些不能点击的div是否应该有轮廓？我知道如何删除它，问题是从可访问性的角度来看，这是不是合适的做法？谢谢你的帮忙

浏览 23提问于2019-12-21得票数 0

回答已采纳

7回答

CSS - Div焦点更改蓝色边框突出显示颜色

html、css

我设置了带有tabstop索引的div。当聚焦时，当前有一个蓝色边框高亮显示。是否可以更改此突出显示颜色？如果是这样的话，它能完全在CSS中完成吗？下面是我到目前为止所尝试的。HTML <div class="test" tabindex="0"></div> CSS .test: focus { border: 1px solid

浏览 159提问于2019-10-15得票数 0

回答已采纳

1回答

如何在chrome中的div上获取快捷键事件？

jquery、keydown

为了在chrome上工作，我必须设置tabindex = 0。有没有办法在没有丑陋的橙色边框的chrome上工作呢？

浏览 1提问于2011-11-07得票数 9

回答已采纳

2回答

当用户单击元素时，不要使用tabindex将div作为焦点

html、focus、accessibility、tabindex

我添加了tabindex="0"，以使用户能够使用tab键跳转到此div并使用键盘与其交互。当它处于活动状态时，单击或按enter/空格键，就会出现一个弹出式div。它在点击tab时应用于div的焦点样式很好，但我注意到当用户单击div激活它时，焦点样式也会应用于它。如果他们按住鼠标不放，焦点样式将应用于它。我目前正在通过.blur()移除激活的焦点，但仍然有这种焦点样式的</e

浏览 9提问于2014-12-19得票数 0

1回答

讲述人未读取的无序列表项

html、accessibility

讲述人未读取的无序列表项每当<li>元素被聚焦时，我希望由讲述人读取aria-label。<div id="container"> <li id="Action1" tabindex="-1" aria-disabled="false" r

浏览 0提问于2019-10-23得票数 1

1回答

如何防止MathJax中的公式触摸事件？

javascript、mathjax

例如，当我触摸或单击由呈现的公式时，它会被蓝色边框包围，作为被触摸的响应。这是一个表单MathJax测试文件夹。我已经设置了showMathMenu: false，但我无法阻止这种情况。

浏览 1提问于2019-02-17得票数 1

回答已采纳

2回答

输入和输入的CSS轮廓不同:焦点

css、html

我遇到了一个框及其相关的css轮廓样式的问题。当框被聚焦时，它应该有一个蓝色的轮廓(工作)。在表单验证中，如果出现问题，则添加.error类来更改轮廓和背景颜色为红色(不起作用)input, select {input.error:focus, .error { background: rgb

浏览 0提问于2013-02-12得票数 6

回答已采纳

3回答

有没有可能让<h1>标签自动聚焦？

javascript、html

现在我的自动对焦是在一个不能为屏幕阅读器提供太多信息的输入上。如果屏幕阅读器自动读出我页面上的h1标签，对视障人士来说会更好。我试着给我的h1添加一个自动聚焦属性，但是它什么也没做。

浏览 1提问于2017-04-04得票数 1

1回答

删除单击锚文本链接后出现的全局锚文本链接上的焦点轮廓

css、focus、outline

我需要删除单击锚点链接后出现的焦点轮廓。我的链接是一个文本链接，所以这里没有按钮问题。我知道outline为视障用户和用户体验带来的好处，但我的客户对此并不感兴趣。如何删除它们？例如，当点击“查看更多”链接时，一个蓝色的轮廓(类似于“边框”)会迅速出现并消失… 这是url。下面是我试图删除大纲的代码： a { outline:

浏览 37提问于2020-12-03得票数 0

1回答

React-来自React-A11y的引导模式可访问性警告

wai-aria、react-bootstrap

React-A11y对我的模式大喊“tabIndex”和“role”。我的Modal如下所示： aria-label="..."tabIndex={-1} show={this.state.showInfo} <Modal.Header tabIndex</

浏览 2提问于2016-07-27得票数 1

2回答

引导程序中的tabindex="-1“用于什么？

twitter-bootstrap、twitter-bootstrap-3、bootstrap-modal

Bootstrap 3中的tabindex属性是干什么的？对于使用键盘导航的用户，特别是使用辅助技术的用户，您应该只向可用于键盘的元素添加工具提示，例如链接、表单控件或任何具有tabindex=&qu

浏览 3提问于2015-10-02得票数 120

回答已采纳

2回答

如何在Chrome中隐藏边框闪烁

javascript、html、slider、flickity

可能是这样的：或者你可以访问我的博客:aqiqoh-syafaat.blogpot.co.id谢谢

浏览 3提问于2017-03-10得票数 2

2回答

将集合可访问性焦点反应到元素

javascript、reactjs

我在react模板中有一个h1元素，如下所示： { headline && <h1 dangerouslySetInnerHTML={{ __html: headline }} />}该组件是页面组件的一部分，该组件向下滑动，通知用户他们上一次操作的结果，即单击一个按钮。我需要能够针对可访问性需求将重点放在h1元素上，而无法解决如何做到这一点。

浏览 1提问于2018-11-28得票数 0

回答已采纳

2回答

单击链接和按钮可显示焦点轮廓

javascript、jquery、html、css、focus

我正在尝试修复使用jQuery的现有应用程序中的问题。问题是，每当我点击页面上的任何链接或按钮时，我都会看到该元素具有焦点轮廓(例如，在Chrome/Safari中为蓝色发光)，就好像该元素具有焦点一样。我必须在点击后去掉那个轮廓。因此，我不能将其复制到只有一个链接的简单HTML页面上。我不能使用outline:none，因

浏览 1提问于2014-08-25得票数 0

1回答

如何使制表符索引对下拉菜单起作用？

html、css、twitter-bootstrap、keyboard-navigation

我有一个带有bootstrap下拉组件的头文件，并且我正在尝试使用tabindex来启用对该元素的键盘导航。dropdown-toggle" data-toggle="dropdown" role="button"> </s

浏览 2提问于2016-09-15得票数 4

回答已采纳

2回答

对于这个问题来说，重要的部分是这样的。 display: none; display: block;这可以很好地处理悬停。然而，我正在尝试让我的网站在没有鼠标的情况下完全可导航。在没有鼠标的情况下导航菜单的方式是使用TAB键，但是，我似乎无法显示下拉菜单。我试着使用:hover，:active和:focus，这是我能想到的唯一3个选项。有没有办法用纯CSS做到这一点？如果没有，最快的方法(页面加载时间)是

浏览 27提问于2018-01-28得票数 0

1回答

单击复选框后，当我使用键盘导航时，它应该带到按钮

angularjs

大家好，我是键盘导航新手，这是我在使用键盘选项卡后点击angular应用程序，它应该带到那个按钮，现在我正在使用tabindex，但它不工作。checkActions()" ng-disabled="contacts.length == 0"reviewComplete()" ng-click="setRevi

浏览 2提问于2016-08-12得票数 0

1回答

在容器中的<em>元素之间导航

javascript、jquery、html

给定页面中的容器div，我如何将焦点放在某个元素上？

浏览 0提问于2018-06-13得票数 0

回答已采纳

1回答

在具有可滚动内容的模式对话框中(就a11y而言)，建议使用哪种方式来处理tabindex？

html、modal-dialog、accessibility、tabindex

我使用库micromodal.js来处理我的(可访问的)模式对话框的功能。在阅读了有关a11y最佳实践的建议后，我了解到模式应该获得一个tabindex="-1"，以便在模式对话框中“捕获”跳格用户(或屏幕阅读器)。我使用它的一个模态有可滚动的内容部分。为了便于内容可聚焦，因此可通过箭头键滚动，我在该部分添加了tabindex="0"。在移动设备上，应该滚动

浏览 28提问于2020-11-24得票数 1

回答已采纳

1回答

当焦点放在点击和标签上时，概述行为

javascript、jquery、html、css、user-interface

我设置了许多元素tabindex="0“，因为我需要提供跳转页面，但我想知道为什么在像stackoverflow.com或developer.mozilla.org这样的页面上，当我用鼠标单击时，我看不到焦点上的轮廓，但在我的页面上，当我用鼠标单击时，我可以看到轮廓。或者可能有一些在css中设置outline的好方法来阻止它显示？当用户按tab键逐页切换时，我的页面上的<

浏览 3提问于2016-08-09得票数 3

点击加载更多