有没有办法通过单击标题来禁用部分扩展，而是将功能分配给标题中包含的链接？这个想法是在标题左侧有一个按钮展开和折叠标题。我希望这将允许我在标题中包含其他元素，这些元素无需展开/折叠即可单击。谢谢! 最佳答案 Here是一种方法。基本上，我使用disable选项初始化accordion并绑定(bind)click事件，首先启用accordion，然后执行accordion操作，最后禁用accordion。HTML:Section1ExpandthisMaurismaurisante,blanditet,ultricesa,suscipi
在我的HTML文档中，我使用了罗马数字(例如:MMXV=2015)。有没有办法通知屏幕阅读器以另一种方式解释某些文本(例如:罗马数字为“2015”而不是M-M-X-V)？我的猜测是会有一个ARIA属性，但我似乎找不到。例如:MMXV 最佳答案 使用aria-label标签为元素提供有意义的描述。然后，通过将罗马数字包裹在具有aria-hidden的span元素中，对屏幕阅读器隐藏罗马数字。属性设置为true以对屏幕阅读器隐藏元素。MMXV 关于html-用于阅读HTML中替代文本(例如罗
虽然建议使用title上的属性元素，这对屏幕阅读器没有影响(至少对chromevox没有影响)。ASAP有效的当然是aria-label例如:ASAP因此，为了既语义正确又兼容屏幕阅读器，我需要同时标记:ASAP这看起来有点乱。为什么chromevox不直接读取标题属性？ 最佳答案 简而言之:尽管有WCAG建议，abbr不是向所有人解释缩写含义的完美解决方案，aria-label当你想宣布缩写的发音时应该使用。屏幕阅读器不应该阅读title属性，因为它无意取代aria-label.另见W3警告:http://www.w3.org/T
aria-hidden在FontAwesome中有什么作用？有必要用吗？为什么？或者为什么不呢？比如我想知道下面代码中aria-hidden="true"的效果: 最佳答案 简而言之，它使屏幕阅读器看不到图标，以增强可访问性。来自thedocumentation:Ifyou'reusinganicontoaddsomeextradecorationorbranding,itdoesnotneedtobeannouncedtousersastheyarenavigatingyoursiteorappaurally.Additional
如何防止div展开？我希望带有元素的div不占用100%的可用空间，并且具有它的子项所具有的宽度。我需要这个来水平居中父div。诀窍是子元素应该共享float:left或diplay:inline-block和fluidwidth，因此子元素的行数可以很少。我不能将每一行包装在自己的div中，因为它会破坏响应式设计。 最佳答案 你应该使用display:table;它会缩小到它的内容的大小，也可以居中和定位，而无需分配给定的宽度。演示http://jsfiddle.net/kevinPHPkevin/9VRzM/
谁能给我一些例子，说明什么类型的值对aria-label属性有效。 最佳答案 可以是任意字符串，用于命名元素。ARIAspec:aria-label说:Mosthostlanguagesprovideanattributethatcouldbeusedtonametheelement(e.g.thetitleattributeinHTML),yetthismaypresentabrowsertooltip.Inthecaseswhereavisiblelabelorvisibletooltipisundesirable,author
我正在使用遵循以下语法的脚本在我的页面中设置一个选项卡式内容部分: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可见时，完全没有问题。标题隐藏时，是否读出这些标签取决于屏幕阅读器:我希望在使用屏幕阅读器进行常规导航时跳过标题行*
什么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
