wai-aria

2热度

2回答

我有一个按钮，看起来像这样： <button type="button"> Remove </button> 根据上下文，谁可以看到用户将能够告诉按钮被提及他们可以删除的特定产品。但是，对于视力残疾的用户，文字“删除”不足以提供有助于他们删除内容的信息。我知道aria-label是，根据MDN web docs，应该按照如下方式使用：使用它在情况下，一个文本标签是不可见的屏幕

0热度

1回答

将属性添加到自定义Angular 2组件的正确方法

我们在Angular 2中有一个自定义输入组件。什么是向我们的自定义组件添加属性的正确方法？我们输入组件的要点就是这样。输入debounce.component.ts var template = ` <input [type]="inputType" [placeholder]="placeholder"> `; @Component({ sele

0热度

2回答

如何忽略可访问性原因的装饰性文字

我试图找出一种忽略装饰性文字的方式，类似于忽略使用空的alt装饰性图像。实施例：  <img src="example.jpg" alt="">  <div> Some decorative text line

0热度

1回答

jQuery根据其值改变aria扩展属性

我有一个项目，我想根据当前状态改变aria扩展属性。它改变确定为真，但由于某种原因没有更改为false第二点击： HTML <li aria-expanded=false>hey</li> jQuery的 $("li").on("click", function(e) { var menuItem = $(e.currentTarget); if (menuItem.a

1热度

1回答

动态生成的aria-describeby值仍可访问吗？

我在我的网站上运行自动辅助功能测试，并获取使用Zurb Foundation's tooltip（v6.2.3）的工具提示元素的错误。问题记为“这个元素包括一个或多个无效ID的咏叹调 - describedby属性不同值。”据我所知道的，那它是由描述的DIV确实有一个有效的身份证件，但因为它是由JavaScript生成的，也许这是造成这个问题的原因？下面的代码是什么样子在我的编辑器： <spa

4热度

5回答

标签内部的语义输入错误消息

我使用<label>来包装输入，以使其成功和错误消息可以出现在标签内以进行关联。你认为这个场景中语义标记最多的是什么？ <label> <b>Username</b> <input> <strong>Username already taken :(</strong> </label> 对于错误是strong合适吗？或者是span更好？是role=status合

0热度

1回答

没有看到预期的咏叹调标签

我想实现ngAria - 我的模块中注入了它，有以下HTML First Name: <input role="textbox" type="text" ng-model="firstName" aria-label="First Name" required><br> Employee: <input role="checkbox" type="checkbox" ng-model="isE

0热度

1回答

如何动态地添加WAI-ARIA在asp.net验证控件？

我有ASP.NET Web窗体和有像RequiredFieldValidator的几个asp.net验证控件，RegularExpresionValidator等使用。我必须使表单可以被访问，以便屏幕阅读器可以正确地阅读屏幕。我要补充WAI-ARIA属性“角色” =“警报”和“咏叹调原子”：“真”到相应的验证控件，如果有任何验证失败而这些属性不应该存在，如果验证已通过。但我想知道如何添加这些属性，

0热度

2回答

如何使我的点击可以通过键盘选项卡

我有这个链接，看起来更像是一个按钮 - 但每当我通过键盘测试我的标签导航时 - 此链接永远不会，用户也无法使用它。我该如何使它符合ADA标准并使用aria通过键盘访问？ <div class="styles"> <a class="btn btn-primary" (click)="handlingClick($event)" id="addUser">Add User</a> </

0热度

1回答

未将注意力集中在通过键盘的表格标签

我无法专注于我的表格，我不确定我应该如何标记以便通过键盘访问。 <table class="table table-bordered"> <thead> <tr> <th scope="col" class="sortable" width="10%" (click)="onHeaderClick('id')" [ngCl