wai

In my web application, I have made myself a font that consists solely of icons. I use these icons to complement titles and sub titles within the application and make it more visually appealing. However, screen readers like JAWS read this out and it makes for an unpleasant experience for users of screen readers. For instance the character c displays an image of a cloud. I use it in this way to complement for instance a header such as <h1> : <span class="my-font">c</span> Now I would like for screen readers to completely ignore this as this is just complementing an existing title and not adding

I tried preventDefault() but I haven't had success. Is there something that I'm missing? I would try to disable it globally, if possible (like registering the events on window ) Sam Hasler There doesn't seem to be a way to stop the event from triggering. The only alternative seems to be to remove the accesskey attributes temporarily while you don't want them to work. That's what jQuery UI has to do for modal dialogs . Here's the code from that thread: $("#boxA-dialog").dialog({ autoOpen: false, modal: true, height: 400, width: 300, open: function(event, ui) { ak = $('[accesskey]').each

A few days ago, I have started searching on the Internet for tutorials and documentation about WAI-ARIA for just about any kind of AJAX requests. I am used to coding nested dropdown lists using jQuery and AJAX. It works pretty well but is not natively accessible. We need to use WAI-ARIA specific tags to "enable" accessibility for all kind of dynamic stuffs like AJAX, for instance. One of my requirement is the following: Let's say I have a State dropdown that updates a Region dropdown using the onchange event. How can I interact with the screen reader using WAI-ARIA and jQuery in order to tell

A third party script is being used on a site I work on that replaces a few instances of <a href=""> with simple <a> . The links still work thanks to another part of the script. But they are no longer treated as links by user agents. I can restore them to the tabbed navigation order by adding tabindex="0" but how can I make assistive technologies announce them as links or include them in a list of all links on a page? Would adding role="link" help at all? I am pushing the third party to improve their script so that the href is left intact. But in the meantime how do I best repair the damage