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
0 answers

Keyboard accessible React component that mounts on hover and focus?

In a React application, I have a grid of components. Each renders several
tdc
  • 5,174
  • 12
  • 53
  • 102
3
votes
0 answers

How to change Accessibility focus in iOS when a new View controller is presented on top of it?

I have 2 view controllers. First VC has a table View and there are switches inside each cell. On pressing these buttons, I will move to the Second VC. Now the issue here is, when I do the accessibilty testing, it starts reading stuffs on First VC,…
monk
  • 31
  • 4
3
votes
1 answer

How to make matplotlib markers colorblind-friendly in a simple way?

Currently I'm using command plt.errorbar(X,Y,yerr=myYerr, fmt="o", alpha=0.5,capsize=4) and I get default marker colours: But what should I do to force matplotlib to be more colorblind-friendly?
user46147
  • 232
  • 1
  • 16
3
votes
1 answer

How to preserve Accessibility focus in List when navigating back from the next View in a NavigationView?

I have a NavigationView were a user can select a chapter in a List to navigate to the contents of that chapter. The problem is that when navigating back from the text to the chapters view, Accessibility does not preserve focus on the selected…
Melodius
  • 2,505
  • 3
  • 22
  • 37
3
votes
1 answer

How to make a Select element accessible if it has no label?

I'm learning about accessibility in HTML and I came across an example of a Select dropdown HTML element, this element doesn't have any text label next to it, just the context of a title higher up the page gives an idea to what this element contains…
j obe
  • 1,759
  • 4
  • 15
  • 23
3
votes
1 answer

How to announce new content after 'Show more' button is clicked?

I have been trying to add VO support in an area that loads some additional content after user clicks Show more button (refer the screenshots attached). Required behavior: I need the VO to announce the info about additionally loaded elements,…
Prakhar
  • 53
  • 8
3
votes
1 answer

How to change screen reader focus to vuetify modal once it opens?

I'm implementing adjustments for accessibility on a project and I need to make it possible to navigate through the page using only the keyboard. I am experiencing a problem with modals using the vuetify's v-dialog component. When I try to change the…
3
votes
1 answer

Sensible approach to nested clickable elements

I am implementing a piece of UI where a whole element is clickable, as is a "button" within it. Basically this (and no, I am not actually using inline event handlers):
Maybe some text here
back2dos
  • 15,588
  • 34
  • 50
3
votes
2 answers

Should Screen Reader reads "Home, Link, Menu Item" or "Home, Menu Item"

If the menu items are links, should the screen reader read it as "home, link, menu item" or "home, menu item"? Currently the screen reader is reading it as "home, link, menu item" but I am getting mixed information about it. Some information says it…
superninja
  • 3,114
  • 7
  • 30
  • 63
3
votes
0 answers

How to change the focus highlight color used for when the user is navigating the screen using a physical keyboard?

When an Android user connects a bluetooth keyboard to the device and navigates the screen using this keyboard there is this gray box around the element that is currently focused. Is it possible to change the color of this "box"? Thanks in…
3
votes
2 answers

How to make ClickableText accessible to screen readers

This code creates a ClickableText element in Jetpack Compose Composable: ClickableText( text = forgotPasswordAnnotatedString, onClick = { context.startActivity(intent) }, modifier = Modifier .padding(top = mediumPadding) ) The annotated…
Reid
  • 661
  • 1
  • 8
  • 25
3
votes
1 answer

How do you enable "Display Zoom" mode in SwiftUI preview?

How do you enable "Display Zoom" mode in SwiftUI preview? On a phone, you get to it from Settings, Display & Brightness, Display Zoom. Choose Standard or Zoomed. On the simulator you can set it from Settings, Developer, Display Zoom. But I don't see…
David
  • 2,770
  • 5
  • 35
  • 43
3
votes
1 answer

Changes in aria-live area not read properly on client-side search results in Vue 2

I am building a simple client-side text search on a list of items, where I want the screenreader to read how many items are found. For example if your search return two items, I want the screenreader to announce: "Two results found". To test this I…
Chrisdh
  • 31
  • 4
3
votes
0 answers

trigger an aria-live region with React state

The react example below only exhibits the unexpected behavior on Firefox with VoiceOver. Using the aria-live attribute on this p tag, I expect my screen reader to read me the text when it is updated. However, my screen reader is not reading me the…
Jake Loew
  • 81
  • 7
3
votes
1 answer

Accessibility JS Function "Role" Attribute

I'm trying to write a JS function that would give empty heading elements (h1, and h2...)a “role” attribute value of “presentation”. This is my first time working with accessibility in my projects and would love some help!
JuniorDev
  • 53
  • 7