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).
When I have a set of either check boxes or radio buttons I often need to have an Other choice.
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 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.
The Below mentioned code reflects a 'Dialog' on the screen. I am using the NVDA screen Reader to read the screen. When a Dialog box is opened, the focus should go to close dialog button.
This question at face value is a duplicate of: Divs vs tables for tabular data
I am now making my website readable by screen readers.
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.
When you first load a web page, then press "Tab", document.activeElement will be the <body> tag and nothing on the page will have focus (i.e.
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
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 currently delving on an A11y issue the project I'm working on has.
I am working on a website using frames. The top frame holds the menu items and the bottom frame holds the main content.
How can I href to main frame content section?
I am working on a reactjs application and I have elements that get added to the DOM:
So I have the following function. What it does is listens for the focus event on all elements.
How would one place focus on a paper-input contained within a paper-dialog at the point of it being opened?
I'm trying to grasp how to code with screen readers in mind, and I'm having a number of issues. The first example is a single HTML element that I tried to display:
I was running lynx to test some HTML I had to do, because having accessibility in mind.
I want to detect whether a screen reader is running on a user's machine to avoid sound clashing with audio tag in html. If so, please provide details on how this could be done.
Building a nice accessible web page is hard. Currently, Im trying to make a tooltip web accessible and I need help. Do you guys have any piece of advice for it?
If you see an error or omission or if you have any other comments, please let us know