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.

32 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
8 votes
1 answer
423 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
251 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
837 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
117 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
2 votes
1 answer
133 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,485
2 votes
1 answer
65 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
201 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
103 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
2 votes
1 answer
3k 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
  • 121
1 vote
0 answers
24 views

I'm creating a detailed component spec for an input field in iOS and I don't know exactly how to specify certain accessibility details

I'm building a detailed accessibility spec for an iOS input field component for a design system. I want to outline in the spec how voiceover should work. The design system needs an input field that ...
keganonyous's user avatar
1 vote
1 answer
52 views

European accessibility act?

This is a long shot, but I hope to find someone that can help me. I work for a company that creates digital products for healthcare professionals. Think dashboard with patient data (lab results, ...
Tessa's user avatar
  • 11
1 vote
2 answers
47 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
20 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
40 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
0 answers
53 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
56 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
35 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
353 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
0 answers
114 views

On IOS have the back button but also we have one more small back button to switch from app to app, on Android how do they work?

please help me explain my concern Please tell me what is the back link in the red circle that is only available in ios and no in android, how do they work? I have tried all sorts of ways to compare ...
Việt Vương's user avatar
1 vote
1 answer
799 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
0 answers
143 views

Is the "feed" role also appropriate for the "Load More" button approach?

Both w3.org and MDN seem to associate the feed role with infinite scrolling, without mentioning if it applies to button-triggered loading as well (with a "Load More" button). My application ...
Douglas Silva's user avatar
1 vote
1 answer
316 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
152 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
  • 26.8k
0 votes
1 answer
76 views

HTML element or UI control to accomplish the following scenario to select a range of page numbers in various orders

Seeking some insight on what HTML Elements or UI control would be best suited to accomplish the following scenario. The ability to select a range of page numbers that could include a number of ...
Tanooki Mario's user avatar
0 votes
0 answers
49 views

Why does macOS default to not allowing tab to focus on buttons?

I know I can turn it on and also use the OptionTab but I was wondering why they would use that as the default in the first place. There was an article about it from 2014 but has been updated over ...
Archimedes Trajano's user avatar
0 votes
0 answers
36 views

Simplified Chinese and compatibility with spoken Chinese languages using VoiceOver / TalkBack

I'm designing an app for Chinese speaking people with disability. It will be on both iOS and Android. I don't speak or read any chinese language. The app content will be in Chinese Simplified (lang='...
Sylvia Dante's user avatar
0 votes
1 answer
130 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
78 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
178 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
198 views

Why is Amazon using Text Fields instead of Radio Buttons for mutually exclusive options?

I have been trying to return an item on Amazon, and this window popped up asking me to fill in the bank details. Although they have used Radio Buttons in the first line for Yes/No question, Account ...
Sooraj MV's user avatar
  • 3,609
0 votes
0 answers
231 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