InuitCSS

How to make part of a div not visible for a screen reader using jquery?

We're doing a WAVE scan of our application to detect accessibility issues.

I'm running an automated accessibility test on my site and getting an error for a tooltip element which uses

I have all my font sizes defined in pixels, e.g.

body {
font-size: 14px;
}
h1 {
font-size: 42px;
}


This question already has an answer here:

I'm trying to make screen reader read some content that switch from display:none to display:block.

In my application screen reader reads the semantic landmark as "Banner region region" each time, when come back to the previous page else opening the page at first time.

I had written a code to check if my AccessibilityService is running or not and based on the result, the text in text view must change to ON/OFF.

This was my code:

I have activated the TalkBack (Accessibility). And I'm navigating for a Screen that is displayed a keyboard in order to write a number in my app.

I am creating an accessible chat window for use in a project. The buttons must be focusable to perform actions on each message.

I have a use case where I want to disable some radio buttons, but there are ways to go back an re-enable this radio buttons.

Have an interesting one for the hive. I've done quite a bit of searching about and haven't found an answer to this on S.O. or elsewhere.

I'm working on some code that needs specific accessibility features. I created a js fiddle for reference to illustrate my issue.

I got some kind of accessibility test (for blind, deaf users, etc.) of a customer website and there are also hints how to improve the accesibility.

One of the hints is for image buttons:

Our marketing department has made a new homepage for our site that uses a looped .mp4 file of people walking down a hallway that's being used as the background for our header/logo area.

I'm trying to find out a way of ignoring decorative text similar to ignoring decorative images using an empty alt.

Example: