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