Skip to main content

Questions tagged [accessibility]

A general term used to describe the degree to which a product, device, service, or environment is available to as many people as possible. Accessibility is often used to focus on people with disabilities or special needs and their right of access to entities.

30 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
8 votes
1 answer
468 views

What element to focus after user input on a chatbot?

This is similar to What element should have the focus after a search?, but not the same case. I'm building a chatbot with Flutter (mobile). This is the flow: Bot asks a question. User is presented ...
Cmorales's user avatar
  • 180
6 votes
1 answer
265 views

Distinguishing aria-live speech from UI accessible names

We just ran our first user test of an accessible UI prototype with blind and partially-sighted testers. In spite of my efforts to follow the various recommendations and WCAG specifications, there were ...
brennanyoung's user avatar
5 votes
2 answers
908 views

Creating an accessible, animated, and responsive navigation system

I've been struggling for the past couple weeks to design the perfect navigation (menu) system for my personal website which I am designing. First, I need a system that is completely accessible as I am ...
CGEffex's user avatar
  • 151
3 votes
1 answer
124 views

How to lead AT users from non-accessible content to an accessible alternative

The Drupal website I'm working on has a traditional grid style calendar. The main view of the calendar is based on the Full Calendar JS library. After testing it with a screen reader I decided it wasn'...
fallenturtle's user avatar
3 votes
1 answer
4k views

How do I make a dropdown select accessible?

What I mean by dropdown is the implementation found in Bootstrap and other common front-end frameworks. I want to replace <select> elements in my forms with dropdown menus because I need the ...
darkhorse's user avatar
  • 131
2 votes
1 answer
223 views

WCAG' Non-text contrast requirements, what exactly are the guidelines with hover?

WCAG does a weird job of explaining their non-text contrast requirements with hover states. Within their "Understanding non-text contrast" documentation, they have this bizarre example: As ...
UXerUIer's user avatar
  • 5,495
2 votes
1 answer
75 views

Alert message component variants

I work in an e-commerce platform and we recently had a lively discussion about the variations of our alert message. Would you agree that it is useful to have different versions of an alert or would ...
Helge's user avatar
  • 73
2 votes
1 answer
325 views

Struggling to make an accessible data table with clickable rows!

We're currently working on making our data table accessible. Our main concern is the whole clickable row that triggers a side sheet. The entire row is clickable, and a part of its content may be ...
Genevieve Morency's user avatar
2 votes
1 answer
113 views

Patterns for adjusting settings which may hinder the user's ability to adjust that same setting again

This question is about those self-referential settings where the ability of the user to control a device, say: using a mouse cursor, or viewing it on a monitor screen is itself affected by the ...
tscizzle's user avatar
  • 163
1 vote
2 answers
114 views

Minimum focus style for a text input

I'm currently working on a chat style UI that has a single text input for entering a message. Usually I would follow the recommended accessibility best practises for the correct focus styling. I know ...
Burns's user avatar
  • 45
1 vote
0 answers
24 views

How to design software for blind people to create grids with one sound per square on Android

I have gone through the help center issues and it does not seem to me like my question is too subjective. I want to develop apps that are tailored specifically for blind people to reason about their ...
Joselin Jocklingson's user avatar
1 vote
1 answer
75 views

What's the ideal hit slop to use for small devices on the sides and corners

In React Native and Apple HCI they recommend a 44px x 44px hit area at minimum. But I found that on the iPhone SE it seems a bit hard to hit on the sides and corners. Primarily because of the having ...
Archimedes Trajano's user avatar
1 vote
1 answer
114 views

Cart Accessibility - Ecommerce Shop

i have a question regarding defining the accessibility for prices and the cart summary for an ecommerce shopping-cart. As a visual impaired user i can navigate through the cart page with the TAB key ...
Helge's user avatar
  • 73
1 vote
1 answer
67 views

How to ensure accessibility for a variable-length collection of name fields in a form

My company supports a legacy application which uses a data form containing a Recipient section and a Sender section. Each section, upon first load, contains three text inputs (horizontally aligned) ...
user79517's user avatar
1 vote
1 answer
47 views

Device for people with advanced tremors and speech difficulties to type using feet and hand

Some older people are often full of tremors, including in their voice, and in their hands, but can still use their feet. They can often also spell. I was wondering whether anyone has designed a double ...
Joselin Jocklingson's user avatar
1 vote
1 answer
460 views

Should single input be wrapped in a form?

Should those single inputs be wrapped in <form> tags so that screen readers can announce them as such? Sometimes in our project (Web based SaaS) we use single input fields to operate some ...
Andrea Avesani's user avatar
1 vote
1 answer
1k views

Tabbing into a hidden navigation menu

This is a question about the interaction between navigation via keyboard (tabbing) and initially-hidden navigation items. I’m asking from both a UX and accessibility perspective. My site has a slide-...
RickL's user avatar
  • 111
1 vote
1 answer
327 views

Mobile Tables - Accessibility (iOS vs Android)

iOS - Disclosure Indicators When this element is present, users know they can tap anywhere in the row to see the next level in the hierarchy or the choices associated with the list item. Use a ...
Xtian's user avatar
  • 960
1 vote
1 answer
154 views

How do people with vision impairment access buildings requiring a swipe card?

With many of the commercial and corporate buildings now having more strict control around entries and exits, I was wondering in terms of accessibility how people with vision impairment are provided ...
Michael Lai's user avatar
  • 27.4k
0 votes
2 answers
42 views

Can a product family be compliant with accessibility standards in the USA and Europe?

It’s hard to drill this question down to one question that has one definite answer, but I’ll try. Can a product family—rather than a product—be compliant with accessibility standards? In the sense ...
Andy's user avatar
  • 596
0 votes
1 answer
23 views

How to make interactive infographics more accessible?

I have several infographics created using css and js, which are also interactive. Different parts of the infographics respond to the users mouse clicks and reveal further information. Apart from ...
codingsplash's user avatar
0 votes
1 answer
33 views

Color of disabled buttons in MUI

We are currently using a customized version of MUI. I noticed that with some elements such as the buttons, transparency is being used for disabled states instead of assigning solid colors. Is there a ...
M Bo's user avatar
  • 1,394
0 votes
0 answers
13 views

What are the specs that decide how a Screen Reader should behave?

I'm implementing a web application with high accessibility requirements. In come cases, the screen reader (VO) behaves in unexpected ways (for example, skips some elements). To find out whether the ...
Sun's user avatar
  • 101
0 votes
2 answers
49 views

How may I label identical user generated form fields in an accessible way?

Background I work with web forms for users that have trouble getting employed because of e.g. disabilities, being new to the country and language, etc. We have to ask them questions to learn about ...
izaqski's user avatar
  • 21
0 votes
0 answers
32 views

Text resizing in iOS and Android apps

Doing a bit of benchmarking, looking for applications that are well responsive when Text resizing (accessibility). Does anyone know any good examples of applications that look good when text resizing?
Eduard Vereshchaka's user avatar
0 votes
1 answer
145 views

How do you create both sufficient contrast and a harmonious outcome for text on different tints of the same color?

Here are two examples. One is a table, the other an illustration. Both use different tints of the same color with text on top. How do you change the color of the text across these tints to be both ...
user3561767's user avatar
0 votes
0 answers
82 views

Users unable to use 2FA/MFA

We are currently developing a registration/account creation process for our website where 2FA/MFA is the route we wish to guide all users down There may be scenarios where a user is unable/unwilling ...
Mike's user avatar
  • 183
0 votes
1 answer
211 views

Alternatives to a Product Add-On Carousel

I have started updating my companies website to be more accessible and as I began to work on our carousel slider I ran into numerous articles stating that carousels should be avoided all together. ...
Trevor Dammon's user avatar
0 votes
0 answers
249 views

Mobile Screen Highlight/Tooltip Overlay - Feedback Loop

Context I'm working on a mobile app that provides real-time feedback on accessibility issues of other applications (not built or controlled by me) on the device, similar to Axe or Google's ...
quittle's user avatar
  • 101
-1 votes
1 answer
113 views

Two Click actions on mobile screen

I was working on a mobile project and I faced a problem. How do I show if there are two different actions on a single object in mobile? In this screen all options have sub-options that appear on a ...
Harshith's user avatar
  • 1,731