Category "accessibility"

Google maps remove UI from tab order

In my application I have dialog that opens google maps. When navigating google maps with tab the UI at the bottom of the map is "tabable". How can I remove this

Make Screen Reader read out a prefix text along with DOM contents when using role=option

I have an outer div of role="listbox" and a few inner divs of role="option". When I use keyboard up-down to move focus within the elements of the inner div, it

Android: How to change the control type for Accessibility

There are some controls in our app which we'd like to update the control type read out by Talkback. For example: A TextView which would better be described as

Voice over not narrating dialog open and exit dialog

When I open a web dialog using voice over, then it doesn't narrates dialog box open and diolog box exit upon closing it. When I tried the same thing using chrom

Form elements do not have associated labels, but it is a MUI theme switch [closed]

I have a theme switch (light to dark) on my page, using Material UI switch. I get an error from lighthouse stating that it needs a label, but

Keeping texts of different sizes aligned at top as the dynamic type size increases

I'm trying to align texts of different sizes at the top so that they stay aligned when the Dynamic Type size changes. import SwiftUI struct ContentView: View {

mat-select is not level A compliant according to AInspector WCAG

I'm using Angular material in my website and trying to make it WCAG level A compliant. Doing some checks with the AInspector (extension for Firefox) seems the m

How to force Jaws to read modal content the same every time?

I have a modal that triggers after 10 mins of user inactivity and am working to make the modal more accessible. The issue is that the first time the modal rende

How do WCAG 1.4.3 Contrast (Minimum) and 1.4.11 Non-text Contrast relate to text in UI components?

WCAG 2.1 introduced success criterium 1.4.11 Non-text Contrast for UI components like checkboxes, sliders etc. Would it be safe to ignore 1.4.11 for the backgro

Empty Button error for ASTRA CART DRAWER after WAVE report scanning

Running the Wave Report tool, I got an error about <button type="button" class="astra-cart-drawer-close"> saying A button is empty or has no value text

Accessibility compliance of specific table HTML

I have an HTML layout engine that has a common component that can switch between ol HTML, ul HTML, and table HTML structure <component> <ul>

AccessibilityService stops working after a while

I have a call recorder app. As you know, for Android 10 and above, I have to use the AccessibilityService. Everything is working just fine from the start but af

Accessibility Inspector not working on Xcode Version 13.3 on macOS Monterey Version 12.3

I launch the Accessibility Inspector from within Xcode but it doesn't let me interact with elements in the simulator. I relaunched Xcode, the Accessibility Insp

Android talkback reads background text behind the bottomsheet

When bottom sheet is shown in my app want to stop talkback reading background text. The behaviour works fine in Google News app. Issue: Talkback setting is ON.

Headings must have content and the content must be accessible by a screen reader

I've created a react web application which has an HTML body content inside home.js as below, class Home extends React.Component { render() { return ( <div&

How to make v-menu keyboard accessible

Vuetify 5.10 and Vue 2.6.14. I know the Vuetify documentation says: By default, v-menu components are detached and moved to the root of your application. In or

Allow accessibility screen reader to read a number string one-by-one as digits using semantics [flutter]

I'm using Semantics to adapt my app for accessibility and want to read a phone number (like: Text("950874123")) one to one instead "million, thousand...". Is th

How to debug accessibility events that VoiceOver on macOS receives?

I'm working on getting VoiceOver to read out text updates in an unfocused widget - as part of this, I'd like to be able to see all of the events that the macOS

React JSX Invalid ARIA attribute `ariaLabel`

react jsx: <button ariaLabel='label'>click</button> rendered html: <button arialabel="label">click</button> console warning: index.js:

How Do I Modify an EXTjs app to be 508 Compliant?

I have recently inherited a web app using the EXTjs framework. I'm not really that familiar with it, but I have been learning it the best I can over the last f