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).
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 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 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
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.
In most cases there doesn't seem to be any visual indication which must be difficult for users who rely on the keyboard.
I have a webpage which uses radio button labels as buttons, with inputs hidden
I have been using the Mac OSX's built in screen-reader for testing my site, I know it's not the best but it's all I have for now. But I'm finding it isn't pausing at the end of elements...
I am currently working on a highly accessible website. How can I make the screen reader not read the (1) associated labels, (2) not indicate if it is checked or not, to a focused checkbox?
A more complex version of: Word-wrap in an HTML table.
I have this Css Toggle which works as expected, I want to add the focus outline to all the toggles for accessiiblity
I'm new to aria and this one partially works. I can tab to the field but can't see the individual items in the dropdown. Any suggestions appreciated.
If you see an error or omission or if you have any other comments, please let us know