I have this content (simplified): <div> $<span class="enlarged-text">245</span>.50 </div> And when I use CAPSLOCK + Right (read next element) with Voiceover on Safari (MacOS Monterey 12.7.1) it reads it out as "two hundred and forty five dollars and fifty cents",…
PageSpeed Insights keeps penalising me on Accessibiliy for having a button (anchor link) with an image and text. The anchor tag has an aria-label with the same value as the text inside the link. Here's the HTML: <style> a {…
I have a React Native app that I need to implement external keyboard navigation support for. I'm trying to install a third party package react-native-a11y to help with this. However, I already have a local package titled react-native-a11y that would…
I use custom ButtonStyle to change colour of button in pressed state Button(action: action) { bodyView } .buttonStyle(ListCellButtonStyle()) private struct ListCellButtonStyle: ButtonStyle { func makeBody(configuration: Configuration) -> some View { configuration.label .overlay( Rectangle() .foregroundColor(configuration.isPressed ? .statePressed : .clear) ) }…
I'm currently working on a Flutter app where I'm using the RichText widget to display text with various styles. I've noticed that the text within the RichText widget does not change when the Accessibility option for bold text is enabled…
I'm trying to tab between different radio button inputs using React/TypeScript. I can get the first radio button focused, but when I click tab, it focuses outside of the radio buttons. I tried using react-focus-trap but tab wouldn't focus on…
I want to make a custom control that has different interaction methods for mouse and keyboard. More specifically, it will have buttons for mouse use and separate keyboard controls, similar to the native number input. In essence, there are action…
I have a Confirmation screen where previously-entered Form input fields are shown as static DIVs. The HTML is below. The DIVs, though static, are focusable with TAB, allowing the user to hit them with the keyboard. <div> <label className="itemText"> <!--…
I'm working on an Android mobile application and need to know if TalkBack is active on startup and detect TalkBack off/on state changes while application is running. Previously the code used JavaScript accessibility component and called C++ and then Java.…
<img src="first.jpg" alt="first" width="500" height="600" /> <img src="second.jpg" alt width="500" height="600" /> <img src="third.jpg" alt="third" width="500" height="600" /> <img src="fourth.jpg" alt width="500" height="600" /> <img src="fifth.jpg" alt="" width="500" height="600" /> find image tags with alt attribute without double quotes and…