Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否有替代<;部门>;那会接受焦点吗?_Html_Accessibility - Fatal编程技术网

Html 是否有替代<;部门>;那会接受焦点吗?

Html 是否有替代<;部门>;那会接受焦点吗?,html,accessibility,Html,Accessibility,除了,还有其他选择吗?我的网站正在失去“可访问性”,因为我无法将焦点放在上。我应该使用什么控件来复制并保持焦点 这就是我的HTML的外观: <div style="height:70px; overflow:hidden" id="divMsg"> <div class="DivClass">abcdefg abcdkfjghfjdfkj</div><br> <div class="DivClass">abcdefg abc

除了
,还有其他选择吗?我的网站正在失去“可访问性”,因为我无法将焦点放在
上。我应该使用什么控件来复制
并保持焦点

这就是我的HTML的外观:

<div style="height:70px; overflow:hidden" id="divMsg">
   <div class="DivClass">abcdefg abcdkfjghfjdfkj</div><br>
   <div class="DivClass">abcdefg abcdkfjghfjdfkj</div><br>
</div>

abcdefg abcdkfjghfkj
abcdefg abcdkfjghfkj

只需给它一个
tabindex
属性

只需给它一个
tabindex
属性

如果您专门寻找可访问性,请尝试使用新的HTML 5标记,如

如果您专门寻找可访问性,请尝试使用新的HTML 5标记,如

您可以添加tabindex使其可聚焦;然而,这通常是不够的。如果您希望元素可以单击,还需要添加一个keydown或keypress处理程序,以便用户可以使用ENTER激活它,类似于一个链接。否则,用户将能够使用tab键对其进行标记,但之后可能无法对链接执行任何操作

如果您试图创建一个可单击的元素,那么有时更简单的做法是先创建一个标记,然后设置它的样式,使其看起来不像链接。A元素同时响应键盘和鼠标,并对两者进行fire onclick,因此您不必像处理DIV一样处理额外的键盘输入

最后,如果你正在制作一个看起来像按钮或其他控件的DIV或a,那么添加适当的ARIA角色,这样屏幕阅读器就会调用适当的元素类型-例如

<a HREF="javascript:void(0)" onclick="dosomething()" role="button">Complete Transaction</a>

您可以添加tabindex使其可聚焦;然而,这通常是不够的。如果您希望元素可以单击,还需要添加一个keydown或keypress处理程序,以便用户可以使用ENTER激活它,类似于一个链接。否则,用户将能够使用tab键对其进行标记,但之后可能无法对链接执行任何操作

如果您试图创建一个可单击的元素,那么有时更简单的做法是先创建一个标记,然后设置它的样式,使其看起来不像链接。A元素同时响应键盘和鼠标,并对两者进行fire onclick,因此您不必像处理DIV一样处理额外的键盘输入

最后,如果你正在制作一个看起来像按钮或其他控件的DIV或a,那么添加适当的ARIA角色,这样屏幕阅读器就会调用适当的元素类型-例如

<a HREF="javascript:void(0)" onclick="dosomething()" role="button">Complete Transaction</a>

要回答您的确切问题,这取决于您使用div的原因;我在猜测布局。选项卡顺序取决于多个选项卡索引,因为默认值和溢出会影响定位和焦点

更具体地说,您不会使用div来锁定tabindex。依赖JavaScript和唯一的ID<代码>

这还将为您提供一个锚,以便您可以使用
http://index.html#divMsg
将焦点链接到HTML文档中的确切位置。注意,您只有一个div ID,并且在示例中重复使用同一个div类两次。

要回答您的确切问题,这取决于您使用div的原因;我在猜测布局。选项卡顺序取决于多个选项卡索引,因为默认值和溢出会影响定位和焦点

更具体地说,您不会使用div来锁定tabindex。依赖JavaScript和唯一的ID<代码>

这还将为您提供一个锚,以便您可以使用
http://index.html#divMsg
将焦点链接到HTML文档中的确切位置。注意,您只有一个div ID,并且在示例中重复使用同一个div类两次。 默认情况下,链接(元素a)和表单元素(输入文本和类似内容、文件、单选和复选框、提交、图像和键入按钮、选择、文本区域、按钮元素等)是可聚焦的。
拇指法则:如果一个元素做了什么,它应该是一个链接或表单元素的一部分。(OT:我想我在这里有个变位的问题,但找不到确切的问题——英语不是我的母语)

在使用tabindex属性之前,请三思(至少:):它会在项目中工作一段时间,然后在其他地方进行一些修改,然后突然间所有内容都被破坏了。它会一次又一次地破碎

对于Safari测试,您需要修改首选项:默认情况下,此浏览器(可能也是Chrome?)仅在表单元素中循环,而不在链接中循环。我猜,键盘用户会循环浏览每一个可聚焦的元素,比如IE和Firefox

为了进一步了解,Web内容可访问性指南2.0(WCAG 2.0)在使用方面有足够的技巧(以及“失败”。

链接(元素a)和表单元素(输入文本和类似内容、文件、单选框和复选框、提交、图像和键入按钮、选择、文本区域、按钮元素等)默认情况下是可聚焦的。
拇指法则:如果一个元素做了什么,它应该是一个链接或表单元素的一部分。(OT:我想我在这里有个变位的问题,但找不到确切的问题——英语不是我的母语)

在使用tabindex属性之前,请三思(至少:):它会在项目中工作一段时间,然后在其他地方进行一些修改,然后突然间所有内容都被破坏了。它会一次又一次地破碎

对于Safari测试,您需要修改首选项:默认情况下,此浏览器(可能也是Chrome?)仅在表单元素中循环,而不在链接中循环。我猜,键盘用户会循环浏览每一个可聚焦的元素,比如IE和Firefox


为了进一步了解,Web内容可访问性指导原则2.0(WCAG 2.0)在使用方面有足够的技巧(以及“失败”)。

我不确定你想做什么,但如果你给
div
一个
tabindex
属性,它将是“可聚焦的”。我不确定你想做什么,但是如果给
div
a
tabindex
attrib