wai-aria

Using jQuery add role alert in #div1, read #div2 content even if it is hidden for JAWS. <div id="div1"> some content <div id="div2" aria-hidden="true"> some content 2 for div </div> </div> Currently, JAWS does not support aria-hidden state in both Internet Explorer and Firefox. You can use role="presentation" though it is not recommended. See also: Official JAWS aria support list Donald Evans's blog Support for the aria-hidden attribute was added to JAWS in their 13.0.718 update (February 2012). See the full change log below: http://www.freedomscientific.com/downloads/jaws/JAWS13-previous

ARIA landmark role with aria-hidden set to true are also shown when user lists out the landmarks regions. ( While using JAWS: Jaws key + CTRL + ; ) Example: <div role="region" aria-label="tools menu" aria-hidden="true">....</div> Which is displayed only on a click of a button "Tools menu" My question is, Is there a way such that this is not displayed when user lists out landmark roles? Jaws didn't announce that particular region is hidden when I got into that using landmark role. What could have gone wrong? i am using Jaws 12.0 Is it working as expected? I am confused at what you are trying to

I'm in the process of marking up a site and I've been really trying to hone my accessibility skills. I'm wondering what the most semantic mark-up is for tabbed content. This is what I have now: <section> <nav> <a href="#tab" aria-controls="content">Stuff</a> <a href="#tab" aria-controls="content">Stuff</a> <a href="#tab" aria-controls="content">Stuff</a> </nav> <section id="content" aria-live="polite" role="region"> <article>...</article> <article>...</article> <article>...</article> </section> </section> I have a few specific questions about this. Am I on the right track? If not can someone

In my webpage, I have half of it being a map display using Google maps. What aria-role should I add to that canvas element which is displaying the map? I have looked at WAI-ARIA docs for possible role definitions and the closest I found is widget . What would be a suitable aria-role for a map on the page? If you are using google maps, you should use role="application" because it is possible to use a screen reader to interact with the map and according to the ARIA spec site the application role is for: A structure containing one or more focusable elements requiring user input, such as keyboard

ngAria (an accessibility module) is adding an unnecessary bower import to my Angular Material project - and now it is throwing warnings: Attribute " aria-label ", required for accessibility, is missing on node I only added ngAria because it appeared necessary for ngMaterial. My app does not need screen-reader accessibility. Anyways, how can I remove ngAria from ngMaterial? or at least disable all warnings. EDIT: It seems the only easy way to disable ngAria's warnings is console.warn = function() {}; which will just turn off your browser's warnings (I do not recommend doing this, since it may