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:
The html structure looks like this
I have a <thead> with a couple of rows that are sortable. My markup currently looks like this:
If you have a subpage (in my example school data) within a parent section (statutory information).
When I have a set of either check boxes or radio buttons I often need to have an Other choice.
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?
Accessibility question: Can a <label>...</label> have children besides an <input ... />?
<input ... />
I'm encountering something bizarre in which a page with a form and fairly minimal layout is read correctly by JAWS 16 and 18 in IE11 on initial load.
As per the title, what is the difference when I have tabIndex="false" versus having empty tabIndex?
Instead of adding/removing my different sections to/from the DOM, I'm only hiding them with aria-hidden="true", and unhiding them if certain <a> toggles are clicked.
I have a table with multiple rows and columns. This table as a whole is reloaded by AJAX once in a while.
I've been using SVGs for a multitude of things and I was able to get the exact result I was looking for. This got me wondering why we can't build entire websites with them...
I have an issue where drilling down into a text field with Control+Option+Shift+Down ends up reading more than what's currently inside of the text field.
EDIT: To the person who tagged this as having nothing to do with ADA. This question has everything to do with ADA.
I'm using a extension for Firefox to check for 508 compliance issues. found here:
If I have a standard select element with a label, 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
enter image description here
If you see an error or omission or if you have any other comments, please let us know