Why WCAG made 3 level “A”, “AA” and “AAA”?

WCAG 2.0 is divided into three conformance levels (A-AA-AAA) because the success criteria are organised based on the impact they have on design or visual presentation of the pages. The higher the level, the more restraining it becomes on design. For example, let’s take guideline 1.4 (Distinguishable), which is about making it easier for users … Read more

Set focus on first invalid input in AngularJs form

Ok, so the answer was simpler than I thought. All I needed was a directive to put on the form itself, with an event handler looking for the submit event. This can then traverse the DOM looking for the first element that has the .ng-invalid class on it. Example using jQLite: myApp.directive(‘accessibleForm’, function () { … Read more

What would be the best method to code heading/title for or , Like we have in ?

Though this is old, I’m updating it for others who might find this question when searching later. @Matt Kelliher: Using the css :before and a data-* attribute for the list is a great idea, but can be modified slightly to be more handicap accessible as well: HTML: <ul aria-label=”Vehicle Models Available:”> <li>Dodge Shadow</li> <li>Ford Focus</li> … Read more

tech