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 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'm asking you to help me out, I'm totally stuck with this problem.  I want to make possible my code to be navigated through keyboard and adoptable to screen reader devices. But I have several issues.  This is my code in JS:  function changeT...
I am using md-datepicker: https://material.angularjs.org/latest/demo/datepicker  I am unable to add a dynamic value to the aria-label in the datepicker. It accepts a hard coded value only. You can try the demo here: https://codepen.io/anon/pen/jveJGb...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.