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
3
votes
1 answer

What is the use of setTouchExplorationPassthroughRegion() in android accessibility API?

I am developing an Android application that uses accessibility-service, and I want to disable explore-by-touch when the user opens specific applications like Piano, Games, etc. I read API documentation of…
3
votes
1 answer

What is the correct HTML for displaying a statistic in the most accessible way?

Context I am creating a component that displays important statistics that looks like this: It will be used in a few contexts: As part of a dashboard where there will be many of these components for different stats such as Twitter followers and…
Jamie Davenport
  • 351
  • 3
  • 10
3
votes
3 answers

Div bind click using Jquery doesn't react on keypress

I'm using jQuery bind for click event on div elements. I want to make it accessible, so I assigned tabindex for div. Which is probably not XHTML valid, but at least tab is stopping where I want. The problem is, that pressing ender key is not…
Jozef Mera
  • 615
  • 1
  • 6
  • 20
3
votes
1 answer

Android talkback not announcing the custom action lable

I am trying to make my view more accessible. I want talkback to announce Double tap to Apply instead of Double tap to Activate when focus shift to view. I am doing something like this: private var accessibilityDelegate = object :…
3
votes
0 answers

How to swipe between multiple links in textview using talkback in android?

I am trying to improve accessibility for a text view used for terms and privacy policy which looks something like this: As mentioned on the Google Support page, the user will need to access the Local Context Menu via a TalkBack gesture (default…
imvishi
  • 233
  • 4
  • 18
3
votes
1 answer

HTML Table denoting non-data table cell

I was wondering if there are ways to denote certain elements/table cells within a table as non-data? For insance, if I have a button at the end of every row:
header 1 header 2
data…
Donald Zhu
  • 672
  • 4
  • 14
3
votes
1 answer

Android Skip Focus of WebView and Go Straight To Content with TalkBack

I have a WebView in my Android app but when TalkBack is enabled, it focuses on the entire view and the user has to swipe to the next item to begin hearing the WebView content. Is there any way to skip the selection of the WebView and jump to…
owenlejeune
  • 135
  • 1
  • 7
3
votes
5 answers

Is it accessible to use SVG in IMG tag?

I have an SVG image that I am going to use on my website like this This is a test alt The question I have, is using .SVG with IMG selector and 'alt' tag OK/good for accessibility?
js-learner
  • 457
  • 2
  • 9
  • 26
3
votes
0 answers

WCAG 4.1.2: Nested interactive controls are not announced by screen readers

Here is my issue in terms of the adaptive cards. Issue Nested interactive controls are not announced by screen readers (nested-interactive) Element path #card_875c3295-31b4-eb11-8237-00224822ed9c9c945a9b-31b4-eb11-8237-00224822ed9c >…
user15986742
  • 31
  • 1
  • 3
3
votes
0 answers

Capturing focus within a dialog modal in iOS

as a part of accessibility conformance we are trying to "trap" focus within a modal dialog that appears. Unfortunately it seems like aria-modal="true" is not supported in iOS. Furthermore, capturing the tab focus via focusin/blur events does not…
Sean Grant
  • 193
  • 1
  • 7
3
votes
3 answers

TextInputLayout, setError increases height

I have a simple TextInputLayout:
Stack Diego
  • 1,309
  • 17
  • 43
3
votes
0 answers

Accessibility with TouchableOpacity in RN (Nested)

I was wondering if anyone has worked with this issue before. Issue: I have a Custom Pressable Card Component (Wrapped over a TouchableOpacity) which would had other Views and Texts components along with another nested Touchable Opacity. The UI works…
Jorde G
  • 51
  • 3
3
votes
2 answers

Android talkback; how to disable announcing cell position and cell count?

When I have a recycler view with 12 items, when accessibility focus goes onto cell number 3, for example, talkback announces "Double tap to activate. Item 3 of 12". I want to keep the action but stop it from announcing the item position and item…
pnizzle
  • 6,243
  • 4
  • 52
  • 81
3
votes
3 answers

Which CSS properties affect the accessibility tree?

By the sacred separation of contents and presentation, I assumed that CSS was ignored by screen readers. This naive assumption is false. It appears that many ways of hiding contents from CSS, such as display:none; or visibility:hidden; or even…
Maëlan
  • 3,586
  • 1
  • 15
  • 35
3
votes
1 answer

How to use disabled CSS pseudo-class to style element with aria-disabled attributes?

I am creating a button component using aria-disabled for managing disabled state instead of disabled attribute to accommodate accessibility requirements. Earlier I used CSS pseudo-class :disabled to style the disabled component. Is there a way to…
Harshal Patil
  • 17,838
  • 14
  • 60
  • 126
1 2 3
99
100