I have heard that applying display:none to things that are not visible is more accessible then changing opacity. However using display:none messes up some of my css animations that are progressively layered onto the core functionality.  Is it accessi...
I've been trying to figure out how to contain the screen reader focus within a certain area.  When I say screen reader focus, I don't mean the default browser focus that one can move with tabbing/shift-tabbing.  I predominantly implement acce...
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 have elements on a page which are "focusable" (buttons, elements with tabindex etc) and screen reader reads the content just fine.  However, I have some other elements that are not focusable (due to the fact there are lots of them - dropdow...
I am trying to get a vue component to announce information dynamically to a screen reader when different events occur on my site.  I have it working to where clicking a button will populate a span that is aria-live="assertive" and role="a...
My user interaction process is as follows:   The user is presented with a drop-down list containing a list of cities After selecting a city, an AJAX request gets all buildings in the city, and inserts them into a div (this AJAX request returns a list...
I was looking at some code and one of the tags had the attributes aria-owns, and aria-expanded. I googled them and didn't find enough detail to fully understand what they do.   Could someone explain the use of these specific attributes? I have a...
Building a nice accessible web page is hard. Currently, Im trying to make a tooltip web accessible and I need help. Do you guys have any piece of advice for it? Like what aria attributes  I should use. Or some other important thing you want to add!...
In my page I have few divs with role="radio" ( ~20 such divs ). Now when the user selects any of the radio, I am programmatically setting focus to "Continue" button. I was expecting that as soon as this button will get foucs, screen r...
I have to change the span element aria-hidden value to "true" on focus change event. How can I do that?  Here is my span element declaration-  <span id="jawshide">#someText</span>   and here is javascript part-  document.g...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.