我正在标记一个网站，我一直在努力磨练我的可访问性技能。我想知道对于选项卡内容最语义化的标记是什么。这就是我现在拥有的:StuffStuffStuff.........我对此有几个具体问题。我走的路对吗？如果不能，有人可以推荐一些更改吗？如果我通过AJAX加载文章，是否需要进行更改？我需要导航标签吗？这里的WAI-ARIA角色够用吗？这些是要使用的正确WAI-ARIA角色吗？ 最佳答案 1.我走在正确的轨道上吗？如果不能，有人可以推荐一些更改吗？是的，您的开端绝对不错。如果你想改进它，一些选项卡的东西可以被赋予一些与选项卡相关的角色，
在我的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
我注意到jQuery中的live()函数有一个奇怪的行为:normallive$('#normal').click(clickHandler);$('#live').live('click',clickHandler);functionclickHandler(){alert("Clicked");returnfalse;}在您右键单击“实时”链接并触发处理程序然后不显示上下文菜单之前，这很好而且花花公子。事件处理程序根本不会在“正常”链接上触发(如预期的那样)。我已经能够通过将处理程序更改为此来解决它:functionclickHandler(e){if(e.button!=0)re
aria-hidden在FontAwesome中有什么作用？有必要用吗？为什么？或者为什么不呢？比如我想知道下面代码中aria-hidden="true"的效果: 最佳答案 简而言之，它使屏幕阅读器看不到图标，以增强可访问性。来自thedocumentation:Ifyou'reusinganicontoaddsomeextradecorationorbranding,itdoesnotneedtobeannouncedtousersastheyarenavigatingyoursiteorappaurally.Additional
谁能给我一些例子，说明什么类型的值对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
