Find answers to all your questions in the most relevant forums
Discussion lists dealing with users, technologies, and all things between.
Discover groups and organizations for all user needs
Relevant events in the fields of accessibility and inclusive design
Connect developers and testers to build better applications
This listing is a compilation of both questions asked in-site and questions related to accessibility themes gathered from different sources (stackoverflow, UX Stack Exchange).
Trying to get the pseudo class :focus to work in Edge. This is working in Chrome and Firefox, but for ADA reasons, need it to work in Edge.
We are using axe to test accessibility.
Axe is giving the following issue when table cells are empty:
How would one hide CSS certain generated content (used for pure styling) from screen reader? Is it possible without using HTML hacks like aria-hidden?
What is causing this accordion nav to lose browser default focus?
I'm working on a project that it has to be accessible to everyone and I have some problems when the PC is in High Contrast mode.
I've got a table showing participation of countries in a project in 2013 and 2018. For a year in which a country participated, we want to display a black circle.
I'm working on a React Native app that uses FlatList to render rows of data. Each row contains an icon on the left and an item title and description on the right.
I'm trying to make my website fully accessible for devices like screen readers. In one page on my site, I have a screenshot of an application showing a lot of text.
I am now making my website readable by screen readers.
Say I have a div with some p tags below some text elements, how do I aria tag these so the screen reader picks these up?
I could give the div tagindex="0" but my linter complains:
I am using :before pseudo-elements bound to particular classes to add symbols in front of p tags, with CSS like this:
I want to display a list of links like a drop down select, without losing the semantic if possible. Here's what I tried. The CSS obviously does not work now.
I have a link at the very top of the page called "Skip Navigation", that appears on the screen every time user presses Tab, and if he presses Enter while "Skip Navigation" is in focus, it takes him
The current stable version of Chrome (v61) exhibits some undesirable behaviour with styled select elements.
How do I make focus invisible for radio buttons only on click (focus should be visible through keyboard navigation)
enter image description here
I have all my font sizes defined in pixels, e.g.
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.
I'm working on some code that needs specific accessibility features. I created a js fiddle for reference to illustrate my issue.
If you see an error or omission or if you have any other comments, please let us know