Questions tagged [accessibility]

Accessibility seeks to make an application or website usable by everyone, including people with disabilities such as visual, auditory, ambulatory, or cognitive impairment. *This tag should NOT be used for:* programming that requires "accessing" a process in multiple threads, a object in a class, a resource on a network, etc. or responsive design, which deals with serving content to a wide range of devices, unless there are also accessibility concerns.

Accessibility seeks to make an application or website usable by everyone, including people with disabilities such as visual, auditory, mobility or cognitive impairment. For example, usage of alt="description" text for graphic images on the web can help users with low-functioning vision.

Accessible design for the Internet is formally guided by the Web Content Accessibility Guidelines (WCAG), the Authoring Tool Accessibility Guidelines (ATAG) and the Web Accessibility Initiative's Accessible Rich Internet Applications standard (WAI-ARIA).

Accessible design may be required by law, notably Section 508 of the Rehabilitation Act of 1973 (USA) and the European Accessibility Act (Europe).

Other helpful resources are found at WebAIM.org.

Stand-alone software is made accessible by thoughtful design and APIs such as Microsoft UI Automation for Windows.

This tag should not be used for:

  • programming that requires "accessing" a process in multiple threads, a object in a class, a resource on a network, etc.
  • , which deals with serving content to a wide range of devices. (This can be closely related at times, but is generally a separate topic.)
7805 questions
40
votes
11 answers

How to Programmatically Enable/Disable Accessibility Service in Android

I would like to programmatically enable/disable Accessibility Services listed under Settings->Accessibility option. I could start Accessibility Intent like below: Intent intent = new…
Abilash
  • 1,143
  • 3
  • 14
  • 20
39
votes
6 answers

tabindex -1 not working for child elements

I have a div tag with some content getting loaded inside it. The content inside can have buttons, anchor elements, etc. which are focusable. I do not have control over the content but I can modify the 'div' tag attributes. My problem is the focus…
Adarsh Konchady
  • 2,577
  • 5
  • 30
  • 50
38
votes
3 answers

Getting screen reader to read new content added with JavaScript

When a web page is loaded, screen readers (like the one that comes with OS X, or JAWS on Windows) will read the content of the whole page. But say your page is dynamic, and as users performing an action, new content gets added to the page. For the…
avernet
  • 30,895
  • 44
  • 126
  • 163
38
votes
2 answers

How to use the Android emulator with a screen reader?

There appears to be no accessibility features for the Android emulator. Ideally one would be able to have their computer read the contents of the Android emulation screen to them. From what I've seen, the contents of the Android screen and the…
JnBrymn
  • 24,245
  • 28
  • 105
  • 147
37
votes
2 answers

When to use the required attribute vs the aria-required attribute for input elements?

I'm trying to make a form accessible. Should I make my inputs have both required and aria-required attributes, or just one? Or like this?
Ralph David Abernathy
  • 5,230
  • 11
  • 51
  • 78
37
votes
2 answers

Accessibility: what can aria-haspopup be used for?

I have it on good authority that aria-haspopup is appropriate for sub-menus (such as a popup context menu or sub-level menu). It's used on jQuery UI Selectmenu and also used in this great example. What I've not been able to find out is whether…
francois
  • 603
  • 1
  • 5
  • 11
37
votes
5 answers

Adding tabindex dynamically

I'd like to add tabindex to all form elements. The form is dynamic and I can't add it to the HTML. I would like to run it as a function. If there are several radio buttons with the same name, each must have it's own tabindex value. Most of the form…
santa
  • 12,234
  • 49
  • 155
  • 255
36
votes
1 answer

Accessibility focus of childviews in nestedscrollview

I have a problem with the accessibility focus of the NestedScrollView child views. Currently, the focus iteration during accessibility mode only iterates through the views where the views are visible on the screen. Is there a layout configuration…
kyo171
  • 399
  • 4
  • 9
35
votes
3 answers

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.
shuklendu
  • 475
  • 1
  • 5
  • 8
35
votes
2 answers

Should I have aside element ouside or inside of main element?

Let's say aside element includes "Oh, by the way …" content such as reading suggestions, advertisements, or cross sells. Is it semantically okay to have aside outside of main? If yes, does it have any advantage over accessibility if I keep aside…
Pratik Mehta
  • 2,037
  • 2
  • 14
  • 19
35
votes
8 answers

What are some good computer science resources for a blind programmer?

I'm a totally blind individual who would like to learn more of the theory aspect of computer science. I've had an intro data structures class and the general intro programming but would like to learn more on things such as software design, advanced…
Jared
  • 39,513
  • 29
  • 110
  • 145
34
votes
6 answers

How to label a loading animation for WAI-ARIA?

I'm working on fixing some accessibility issues on a web page. I have this div that acts as a dialog, and inside at one point a div containing a loading animation and a text "Working..." is displayed. I am unsure as to how to label these two items…
SoManyGoblins
  • 5,605
  • 8
  • 45
  • 65
34
votes
6 answers

Making a clickable

So I am working on a project that requires a
with an onclick event. I've got the main functionality working, but there is one problem. I need the onclick event to happen when the user tabs to the
and presses enter. I added a tabindex to…
lfitzgibbons
  • 783
  • 1
  • 5
  • 18
34
votes
5 answers

Why WCAG made 3 level "A", "AA" and "AAA"?

What is the purpose of making 3 priority level by WCAG? is it like? If client not paying extra or if we don't have much time then go for A If client paying then or if we have time to make site compatible go for at least AA If client paying and…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
34
votes
2 answers

How to handle JavaScript being disabled in AngularJS

AngularJS is dependent upon JavaScript being enabled. This means that if someone visits an application or website built in AngularJS it will not render properly. What are common conventions used to handle visitors with JavaScript disabled when using…