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
52
votes
4 answers

Can I ignore some website element when navigating using the tab key?

As question really. I have an input box on my page that I would like to ignore when navigating using the keyboard tab key. I'm using this input box as a simple bot honeytrap and positioning it off the page, so at the moment when using the tab key,…
thor
  • 1,318
  • 2
  • 15
  • 24
49
votes
4 answers

iOS change accessibility focus

Is there a way to set the accessibility focus programatically (App Store safe)? Any help will be greatly appreciated.
John S
  • 1,687
  • 6
  • 21
  • 28
49
votes
13 answers

"Warning: react-modal: App element is not defined. Please use `Modal.setAppElement(el)` or set `appElement={el}`"

How do I fix this warning in console of a React app using the react-modal package: Warning: react-modal: App element is not defined. Please use Modal.setAppElement(el) or set appElement={el} I have not been successful at figuring out what el is…
SherylHohman
  • 16,580
  • 17
  • 88
  • 94
48
votes
2 answers

What differences are expected of XHTML5 versus HTML5?

What differences are expected of XHTML5 versus HTML5? I understand that XHTML5 is the XML form of the language and HTML5 is the SGML form of the language, which means obvious minor syntax differences. Will there be any further differences? Will…
austin cheney
47
votes
2 answers

Difference between aria-label and aria-labelledby

I found 2 ways of marking a zone with aria- attributes. First one:
Blah-blah Second one:

Varvara Stepanova
  • 3,489
  • 4
  • 22
  • 26

47
votes
5 answers

display:none vs visibility:hidden vs text-indent:9999 How screen reader behave with each one?

What is the difference between these three for screen reader users?
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
46
votes
2 answers

Actual difference between UIAccessibilityLayoutChangedNotification and UIAccessibilityScreenChangedNotification?

I’m trying to ascertain what exactly happens differently when posting a UIAccessibilityLayoutChangedNotification, and a UIAccessibilityScreenChangedNotification. From what I can see, I can use them interchangeably everywhere and nothing different…
Luke
  • 9,512
  • 15
  • 82
  • 146
45
votes
9 answers

How to know if Android TalkBack is active?

I'm developing an application that uses TalkBack to guide people through it. However, in those situations I want to have some subtile differences in the layout of the application so navigation is easier and also have extra voice outputs (with…
David Carvalho
  • 549
  • 1
  • 5
  • 8
44
votes
1 answer

VoiceOver focus resetting UICollectionView to first entry?

I’m using VoiceOver, and having an issue with a UICollectionView. I have an initial screen with ten buttons, each of which links through to one of ten cells in the collection view. The collection view is actually the full size of the screen, and…
Luke
  • 9,512
  • 15
  • 82
  • 146
44
votes
9 answers

Change order of read items with VoiceOver

I have a bunch of buttons on the screen which are positioned intuitively visually but are not read in an intuitive order by VoiceOver. This is because certain buttons like Up and Down are placed above and below each other. However, voiceover starts…
Mark S
  • 2,161
  • 3
  • 21
  • 25
42
votes
9 answers

Enable access for assistive devices programmatically on 10.9

I want to enable access for assistive devices programatically on 10.9. On 10.8 and lower I was using following Applescript to enable access for assistive devices: tell application "System Events" if UI elements enabled is false then set UI…
Vinpai
  • 1,689
  • 3
  • 16
  • 18
42
votes
11 answers

How to test GUI for color blind person?

Is there a way to test if a GUI is usable for color blind person? I know that it has many degrees and I guess that's why simply doing a screenshot in black & white is not the best way to test the usability of a GUI for a color blind person. What is…
Patrick Desjardins
  • 136,852
  • 88
  • 292
  • 341
41
votes
6 answers

How to programmatically use iOS voice synthesizers? (text to speech)

iOS devices have embedded voice synthesizers for Accessibility's VoiceOver feature. Is there a way you can use these synthesizers programmatically to generate text-based sounds? My problem is: I'm working on a simple app for kids to learn colors and…
Mick F
  • 7,312
  • 6
  • 51
  • 98
41
votes
3 answers

How do I change the `prefers-reduced-motion` setting in browsers?

There is plenty of documentation around on how to use the prefers-reduced-motion media query in CSS. This is great but now that I'm using prefers-reduced-motion in my CSS, I want to be able to test what using my site is like for someone that has…
Daniel Tonon
  • 9,261
  • 5
  • 61
  • 64
41
votes
1 answer

Accessibility in single page applications (ARIA etc)

What is the best approach to make an SPA (AngularJS) Accessible (for screen readers etc)? I have little to no experience with the aria specification, and I wonder if it will at all work on a single page application. What are the common pitfalls when…
Kenneth Lynne
  • 15,461
  • 12
  • 63
  • 79