하지 예상 보는 아리아 태그

Question

내가 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="isEmployee" arial-label="Employee" required> 

내가 ngAria이 아리아 필수, 아리아-확인하고 tabIndex를 추가보고 기다리고 있었다

하지만, 아리아 무효 만 추가합니다. ngAria에 대한 나의 이해가 잘못 되었습니까?

"<input role="textbox" type="text" ng-model="firstName" aria-label="First Name" required="" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" aria-invalid="true">" 

    "<input role="checkbox" type="checkbox" ng-model="isEmployee" arial-label="Employee" required="" class="ng-not-empty ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched" aria-invalid="false">" 

Answer 1

NgAria는 (일부) 기본 각도 지시문에 대해 ARIA 속성을 자동으로 주입합니다.

예를 들면 다음과 같습니다. ng-disabled을 요소에 넣으면 런타임에 aria-disabled이 입력됩니다. 귀하의 경우에는

:

NgAria는 귀하의 의견에 ng-required를 추가 할 경우에만 aria-required 속성을 주입한다. (그런데 :.. 필요에 따라 당신이 당신의 요소에 required 또는 aria-required를 세우면 그것은 중요하지 않습니다 모두 화면 판독기에 동일한 효과를 그래서, 당신의 입력이 이미 표시 올바른지에게)

tabindex 속성은 될 것입니다 ng-click 지시어를 클릭하면 자동으로 설정됩니다. 클릭 할 수없는 요소입니다. 예 : div 또는 span

aria-invalid은 ng-model 지시어로 인해 요소에 적용됩니다.

지원되는 명령어 및 관련 ARIA 속성에 대한 자세한 내용은 https://docs.angularjs.org/api/ngAria