I am working on a view more/view less button for comments in a forum app using angular, javascript and css. When the card is collapsed, only the first two lines of text will appear and the rest will be hidden.…
I have an SVG with a title element, as well as polygons with their own empty titles in the hopes of preventing the parent title from appearing when hovering over the polygons because I have a custom JavaScript tooltip for…
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"> <!--…