首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么基金会建议在主要内容中添加一个tabindex="0“?

为什么基金会建议在主要内容中添加一个tabindex="0“?
EN

Stack Overflow用户
提问于 2017-07-04 07:07:57
回答 3查看 462关注 0票数 0

基金会关于创建跳过链接的文档中,他们建议将tabindex="0"添加到表示要跳过的主要内容的元素中。我有点搞不懂为什么他们会这么说。据我所见,这会导致一个额外的元素在通过文档选项卡时接收焦点,尽管实际上与该元素焦点无关。

可能是因为与不支持锚定到id的旧浏览器兼容吗?或者还有别的原因?

更新:它很快就不应该再说上面的话了,但这是因为我改了在回应这里的答案:P

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-07-04 09:28:19

您应该将tabindex设置为-1值,这样元素才能以可编程的方式聚焦,但不能包含在选项卡顺序中(与0值相反)。

如果锚点的目标是一个不可聚焦的元素,那么窗口将滚动到这个元素,但是下一个按下tab键的键将在跳过链接按钮之后聚焦下一个元素。

例如,根据可聚焦的定义查看W3C:

设置元素的tabindex焦点标志。

票数 2
EN

Stack Overflow用户

发布于 2017-07-04 07:20:14

它似乎是出于一个简单的原因,因为它能够快速地导航到页面中最重要的部分。当按下tab时,将首先选择该元素,并且选择将从那里继续,而不是在DOM的顶部。

当用户单击内部链接或需要通过JS触发时,可以使用锚定id。在大多数浏览器中已经内置了使用tabindex="0"

票数 1
EN

Stack Overflow用户

发布于 2017-07-04 08:14:07

通常,给主内容一个id,跳过链接用来跳过用户对主要内容的关注。但是,这种直接的方法是在9中不工作。您需要使用javascript focus()将焦点设置为主要内容。tabindex=0被用来制作一个本质上无法接收焦点、可聚焦的元素。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44909339

复制
相关文章
在PHP中 为什么in_array(0, ['a', 'b', 'c'])返回true
直观上看,0没有在数组['a', 'b', 'c']中,也不会等于abc这个字符串。
用户9076598
2022/03/02
2.8K0
为什么不建议在 Docker 中跑 MySQL?
—1— 前言 容器的定义:容器是为了解决“在切换运行环境时,如何保证软件能够正常运行”这一问题。 目前,容器和 Docker 依旧是技术领域最热门的词语,无状态的服务容器化已经是大势所趋,同时也带来了一个热点问题被大家所争论不以:数据库 MySQL 是否需要容器化? 认真分析大家的各种观点,发现赞同者仅仅是从容器优势的角度来阐述 MySQL 需要容器化,几乎没有什么业务场景进行验证自己的观点;反过来再看反对者,他们从性能、数据安全等多个因素进行阐述 MySQL不需要容器化,也举证了一些不适合的业务场景。下
玄姐谈AGI
2022/03/03
3.5K0
为什么不建议在 Docker 中跑 MySQL?
点击上方“芋道源码”,选择“设为星标” 管她前浪,还是后浪? 能浪的浪,才是好浪! 每天 10:33 更新文章,每天掉亿点点头发... 源码精品专栏 原创 | Java 2021 超神之路,很肝~ 中文详细注释的开源项目 RPC 框架 Dubbo 源码解析 网络应用框架 Netty 源码解析 消息中间件 RocketMQ 源码解析 数据库中间件 Sharding-JDBC 和 MyCAT 源码解析 作业调度中间件 Elastic-Job 源码解析 分布式事务中间件 TCC-Transaction
芋道源码
2022/03/04
4.2K0
华为0基金会——图片整理
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/117396.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/06
1320
华为0基金会——图片整理
为什么在 HBase 中不建议单表列簇超过 3 个
HBase 的数据存储节点叫做 HRegionServer,每个 HRegionServer 管理很多个 HRegion,Region 是HBase你们数据管理的最小单元,不同的 Region 存放在不同的 HRegionServer 机器上。
前Thoughtworks-杨焱
2021/12/07
1K0
为什么在 HBase 中不建议单表列簇超过 3 个
Java 在PDF中添加表格
本文将介绍通过Java编程在PDF文档中添加表格的方法。添加表格时,可设置表格边框、单元格对齐方式、单元格背景色、单元格合并、插入图片、设置行高、列宽、字体、字号等。 通过maven导入 地址 代码如下:
崔笑颜
2020/06/08
4.7K0
在 Activity 的 onCreate() 方法中为什么获取 View 的宽和高为0?
如上面代码结果所示,在Activity的onCreate()方法中我们尝试获取控件的宽和高,却获取得是0,这是因为 View 绘制和 Activity 的生命周期方法并不同步,即使 Activity 回调了 onCreate()、onStart()、onResume() 方法,View 也不一定同步完成绘制,所以此时在这些方法里面获取 View 的尺寸时就获取不到,解决方法有以下几种:
codingblock
2019/05/25
1.3K0
为什么不建议在 for 循环里捕捉异常?
在回答标题这个问题之前,我们先试想一下,在没有 try…catch 的情况下,如果想要对函数的异常结果进行判断,我们应该怎么做?
出其东门
2020/09/02
2.2K0
在 Xcode 中添加 Swift package 依赖
到目前为止,我们一直在编码的所有内容都是我们从头开始构建的内容,因此您可以确切地了解其工作原理并将这些技能应用于自己的项目。但是,有时候,从头开始写东西是有风险的:也许代码很复杂,也许很容易出错,也许它经常更改,或者其他各种原因,这就是模块依赖存在的原因——能够获取第三方代码并在我们的项目中使用它。
韦弦zhy
2020/09/18
7K0
在 Xcode 中添加 Swift package 依赖
在vim 中批量添加注释
批量注释: Ctrl + v 进入块选择模式,然后移动光标选中你要注释的行,再按大写的 I 进入行首插入模式输入注释符号如 // 或 #,输入完毕之后,按两下 ESC,Vim 会自动将你选中的所有行首都加上注释,保存退出完成注释。
程序员小涛
2020/12/03
15.8K0
在AMD PetaLinux中添加命令pstree
命令pstree将相关进程以树状图显示,方便查看进程间的关系。由于调试需要,需要在Linux里使用命令pstree。但是PetaLinux产生的Linux映像,默认不带命令pstree。
hankfu
2023/10/16
2800
Python 在 Wiki 标记中添加无
Python编程快速上手实践项目题目,欢迎指证与优化! 代码: #! python3 # bulletPointAdder.py - Adds Wikipedia bullet points to the start # of each line of text on the clipboard. import pyperclip text = pyperclip.paste() # 从剪贴板粘贴文本 lines = text.split('\n') # 使用 split()方法得到一个字符串的列表,以回
py3study
2020/01/09
3K0
在Systrace中添加 mutex lock owner
在多线程的debug中,如果线程相互deak lock是很头痛的事情。下面的patch 可以把lock的owner 信息在ftrace 中记录,并且在systrace 中显示出来,可以加快对问题的debug
用户9732312
2022/05/13
2.4K0
在Systrace中添加 mutex lock owner
在HTML中添加背景音乐[通俗易懂]
说明:1、使用autoplay=”autoplay”,则背景音乐将在音网页打开后就自动马上播放。
全栈程序员站长
2022/09/15
5.7K0
Java 在 PDF 中添加表单域
PDF表单域是指用户在PDF文件中可以自主进行填写、选择等操作的区域,其主要目的是采集用户输入或选择的数据。常见的表单域包括文本框、单选按钮、复选框、列表框和组合框等。文本将介绍如何使用 Free Spire.PDF for Java在Java程序中创建PDF表单域。
用户1289394
2020/12/18
3.9K0
在centos7中添加一个新用户,并授权
前言 笔记本装了一个centos,想要让别人也可以登录访问,用自己的账号确实不太好,于是准备新建一个用户给他。 创建新用户 创建一个用户名为:zhangbiao [root@localhost ~]# adduser zhangbiao 为这个用户初始化密码,linux会判断密码复杂度,不过可以强行忽略: [root@localhost ~]# passwd zhangbiao 更改用户 zhangbiao 的密码 。 新的 密码: 无效的密码: 密码未通过字典检查 - 过于简单化/系统化 重新输入新的 密
Ryan-Miao
2018/03/13
1.7K0
在最顶层窗口添加一个视图
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/51455823
用户1451823
2018/09/13
7660
React在循环DOM的时候为什么需要添加key
所以在每次更新的时候,React需要基于这两颗不同的树之间的差别来判断如何有效的更新UI,如果一棵树参考另外一棵树进行完全比较更新,那么即使是最先进的算法,该算法的复杂程度为 O(n3),其中 n 是树中元素的数量,如果在React中使用了该算法,那么展示1000个元素所需要执行的计算量将在十亿的量级范围,这个开销太过昂贵了,React的更新性能会变得非常低效;于是React对这个算法进行了优化,将其优化成了O(n),这也就是传说中的diff算法,
beifeng1996
2022/12/07
9260
Opencv 中 waitkey()& 0xFF,“0xFF”的作用解释「建议收藏」
大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说Opencv 中 waitkey()& 0xFF,“0xFF”的作用解释「建议收藏」,希望能够帮助大家进步!!!
Java架构师必看
2022/07/12
1.1K0
在Maven仓库中添加Oracle JDBC驱动
由于Oracle授权问题,Maven3不提供Oracle JDBC driver,为了在Maven项目中应用Oracle JDBC driver,必须手动添加到本地仓库。
故久
2019/09/29
3K0

相似问题

为什么‘a’标签需要`tabindex=0`?

20

如何在tabIndex = '0‘中添加TypeScript div?

29

为什么IE7要在没有表索引的元素中添加tabindex="0“?

12

动态添加tabindex

40

<a> click="“在tabindex='0‘时不起作用

151
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文