我正在使用遵循以下语法的脚本在我的页面中设置一个选项卡式内容部分:Tab1Tab2Tab3__CONTENT____CONTENT____CONTENT__我将通过javascript在这个结构标记上设置各种ARIA角色(role="tablist"、role="tab"、role="tabpanel"等)(因为如果没有脚本就没有标签)但我不确定在哪里放置我的“aria-controls”属性。他们应该继续吗？元素或其上的子元素？还是无所谓？事实上，关于role="tab"可以问同样的问题。和tabindex="0"--这些东西应该放在列表项还是anchor上？
在我的网页中，我需要创建一个表，该表的标题行根据某些用户配置可见或隐藏。此表还需要完全可访问(具体而言，由于表可能很长，我希望读取行/列标题的快捷方式可以工作)。我只有ChromeVox可以测试(我将详细介绍我发现的博客文章中其他读者的行为)。我当前的布局与此类似:CSS:.table-header-show{}.table-header-hide{display:none;}HTML:NameValue1Value2JohnDoeValue1aValue2aheader可见时，完全没有问题。标题隐藏时，是否读出这些标签取决于屏幕阅读器:我希望在使用屏幕阅读器进行常规导航时跳过标题行*
我不知道为什么我在http://validator.w3.org/check查看我的页面时总是收到这个错误错误是:Line235,Column84:Theforattributeofthelabelelementmustrefertoaformcontrol.…YourName 这是我的实际代码 YourName 最佳答案 如果在标签元素中使用for属性，它必须与表单中输入元素的ID相匹配。即YourName 此页面可能有助于了解更多信息。ht
请问这个可能非常愚蠢的问题，但我的好奇心正在扼杀我，而且我是新手，但在您的标记中使用标签很重要，为什么？即Birthdate:为什么我必须标记这个输入，为什么它对用户有益，为什么对将来的使用有益，或者是搜索引擎优化的事情。这就是我真正想知道的:) 最佳答案 这很重要，原因有很多:点击标签聚焦文本字段，这是很多东西的用户期望。出于可访问性原因，它很有帮助。用户还能如何知道哪个字段是哪个字段？你可以使用只是文本或跨度或其他东西，但是你为什么要它会导致更具语义的标记。 关于html-在HTML
什么WAI-ARIAroles应该用于轮播，如下图所示？注意事项:我熟悉sliderAngular色，但这是指不同类型的小部件。例子来自USA.gov我在使用中看到的唯一与轮播相关的ariaAngular色是单个幻灯片上的aria-live。 最佳答案 如您所说，role=slider不适合轮播。您应该使用的是role=listbox引用自MDN(见下面的链接):Thelistboxroleisusedtoidentifyanelementthatcreatesalistfromwhichausermayselectoneormor
可以做些什么来提高面包屑菜单的可访问性，类似于:HomeNews@Model.Title在此示例中，Home是站点根目录，News是第一个子项，不可用类是/news/article项的当前项。是否可以通过使用rel属性或aria-level属性来改善这一点？ 最佳答案 我会避免使用aria-level并使用元素代替。最好避免在存在native替代项的情况下使用aria属性。使用aria增加了一层额外的复杂性。简单的HTML要好得多，并且已经具有呈现给AT的语义。这是firstruleofARIA.借自WAI-ARIA-Practic
我没有找到从DOM获取aria-expanded值的方法。test我想测试它是不是true然后我可以改变类别为fa-search-minus.我试过了，但我总是得到一个未定义的值:console.log($(this).find('a.aria-expanded').val()); 最佳答案 aria-expanded是元素的属性，不是类，所以选择器不正确。其次，您应该使用attr()函数来获取该属性的值。val()旨在从表单相关元素(例如input和textarea)中检索value属性。试试这个:console.log($(th
在html5定义下使用标签的“for”值作为普通div元素的id是否有效(例如，我制作了一个包含在div中的自定义下拉列表实现)如果可能请告诉我，托马斯 最佳答案 不符合规范:Someelements,notallofthemform-associated,arecategorizedaslabelableelements.Theseareelementsthatcanbeassociatedwithalabelelement."button""input"(ifthetypeattributeisnotinthehiddensta
我有动态文本绑定(bind)到HTML页面上的aria-label。这是一个Angular2应用程序。我正在使用这样的东西:aria-label="Productdetailsfor{{productDetails?.ProductName}}"但是我得到一个错误:Can'tbindto'aria-label'sinceitisn'taknownpropertyof'div'.有解决办法吗？ 最佳答案 只需在aria-label之前使用attr.:attr.aria-label="{{productDetails?.ProductN
我想使用f.label方法来创建我的表单元素标签，但是-我想将表单元素嵌套在标签内。这可能吗？--来自W3C--Toassociatealabelwithanothercontrolimplicitly,thecontrolelementmustbewithinthecontentsoftheLABELelement.Inthiscase,theLABELmayonlycontainonecontrolelement.Thelabelitselfmaybepositionedbeforeoraftertheassociatedcontrol.Inthisexample,weimplic
