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

Is it possible to use javascript to detect if a screen reader is running on a users machine?

You should probably not try to do anything special even if you could detect that a screenreader is running. Even if you get it right for one group of screenreader users, you may get it wrong for another group. It’s best to concentrate on writing good clean HTML5 in the first place. Note that not … Read more

Screenreader WPF Groupstyles

The problem is really about how the screenreader is supposed to reach the value. Groupitems are accessible from cursor via MSAA, but not via UIA. UIA is the primary API to use for accessibility in WPF. The core problem with UIA and WPF, is when trying to read controls which are found by cursor (other … Read more

Getting screen reader to read new content added with JavaScript

The WAI-ARIA specification defines several ways by which screen readers can “watch” a DOM element. The best supported method is the aria-live attribute. It has modes off, polite,assertive and rude. The higher the level of assertiveness, the more likely it is to interrupt what is currently being spoken by the screen reader. The following has … Read more

Difference between aria-label and aria-labelledby

This site gives the reason for your answer:- In theory, you should use aria-labelledby if the text is visually on-screen somewhere and this form is preferable. You should only use aria-label when it’s not possible to have the label visible on screen. However, with current support, you should always use aria-labelledby, even if you need … Read more

display:none vs visibility:hidden vs text-indent:9999 How screen reader behave with each one?

refer: http://css-discuss.incutio.com/?page=ScreenreaderVisibility display:none: will not be seen nor heard. * visibility: hidden: will not be seen nor heard. * text-indent: 9999: will not be seen but it will be heard. Most of the screen reader will not ‘speak’ display:none and visibility: hidden , but there are few screen readers like pwWebSpeak and HtReader which will … 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