translate

Featured Links

Questions & Answers

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).

Displaying 1 - 20 of 24 questions

Clean and accesible Other option (Check box and text box)

Stackoverflow

When I have a set of either check boxes or radio buttons I often need to have an Other choice.

Tags: 
  • javascript
  • html
  • forms
  • accessibility

How to tell screenreader to read a toggled element

Stackoverflow

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.

Tags: 
  • javascript
  • html
  • toggle
  • accessibility
  • wai-aria

WAI-ARIA Roles for Carousels (a.k.a. sliders, slideshows, galleries)

Stackoverflow

What WAI-ARIA roles should be used for carousels, like the one below?

Notes:

Tags: 
  • javascript
  • html
  • accessibility
  • wai-aria

How to prevent Voice Over from reading unaffiliated HTML text (next div)?

Stackoverflow

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.

Tags: 
  • javascript
  • html
  • osx
  • accessibility
  • wai-aria

NVDA screen reader not reading and getting focus within role="dialog"

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.

Tags: 
  • javascript
  • jquery
  • html
  • accessibility
  • nvda

Why use divs over tables for a TABLE?

This question at face value is a duplicate of: Divs vs tables for tabular data

Tags: 
  • javascript
  • html
  • html5
  • reactjs
  • accessibility

Blinking text for screen reader

I am now making my website readable by screen readers.

Tags: 
  • javascript
  • html
  • css
  • accessibility

How to display a list of links as a drop down select?

Stackoverflow

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.

Tags: 
  • javascript
  • html
  • css
  • accessibility
  • semantic-markup

How do I detect and control the "location" of focus on a page without directly adding focus to an element?

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.

Tags: 
  • javascript
  • html
  • focus
  • accessibility
  • tabindex

IE issue: wrong tab focus

Stackoverflow

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

Tags: 
  • javascript
  • html
  • css
  • internet-explorer
  • accessibility

How to "disable" a radio button in a way that a screen reader would still read the text and indicate to a user that it is disabled?

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.

Tags: 
  • javascript
  • html
  • css
  • accessibility

Anchor links inside div aren't accessible by tab key anymore

I'm currently delving on an A11y issue the project I'm working on has.

Tags: 
  • javascript
  • jquery
  • html
  • coffeescript
  • accessibility

Checking if a site is 508 compliant

Stackoverflow

I know the Visual Studio 2012 has an accessibility checker that checks for 508 compliance, but a portion of our content is dynamically generated using JavaScript and jQuery, and as such cannot be c

Tags: 
  • javascript
  • jquery
  • html
  • accessibility
  • section508

How to implement 'Skip to Content' between two frames

Stackoverflow

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?

Tags: 
  • javascript
  • html
  • iframe
  • vbscript
  • accessibility

accessibility and elements being added to the DOM [closed]

I am working on a reactjs application and I have elements that get added to the DOM:

Tags: 
  • javascript
  • html
  • accessibility

Prevent certain elements from receiving focus

Stackoverflow

So I have the following function. What it does is listens for the focus event on all elements.

Tags: 
  • javascript
  • jquery
  • html
  • accessibility

Setting focus after opening dialog - Polymer (no JQuery)

How would one place focus on a paper-input contained within a paper-dialog at the point of it being opened?

Tags: 
  • javascript
  • html
  • polymer
  • accessibility

TalkBack screen reading issues

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:

Tags: 
  • javascript
  • android
  • html
  • accessibility
  • wai-aria

legality of div tag immediately under html tag

I was running lynx to test some HTML I had to do, because having accessibility in mind.

Tags: 
  • javascript
  • html
  • accessibility
  • web-standards
  • lynx

Is it possible to use javascript to detect if a screen reader is running on a users machine?

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.

Tags: 
  • javascript
  • html
  • accessibility
  • screen-readers