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.
858
questions
0
votes
1
answer
132
views
Automatically detect preference for kilometers vs miles, or explicitly ask?
On my website / app I am currently using miles only to designate distances, and some European users have asked for the ability to have it use kilometers instead, as they are not very familiar with ...
- 401
3
votes
2
answers
949
views
should buttons that look like links have the exact same keyboard accessibility?
We have a few use cases where we need to show something that looks like a link, but is actually a button.
For example, consider this error message:
Sorry we couldn't place your order. Please click ...
- 225
3
votes
1
answer
91
views
Marking nodes in tree as important
I’m working on kind of explorer which has a tree hierarchy which consists of two types of nodes, first type is a category and second is a resource. Category can contain only resources and resources ...
- 133
2
votes
1
answer
4k
views
Card with Button or Completely Clickable Card
If a card has a button, the CTA will be clearer but it'll be more useful from usability point of view if the card completely clickable.
So in mobile, will a card with button or a completely clickable ...
- 196
1
vote
1
answer
1k
views
Text link size in mobile
I have a debate with my team about the size of text links on mobile.
On one side are standards of accessibility and minimum tap sizes for fingers.
On the other is Apple.com sign-in page where we have ...
8
votes
1
answer
402
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 ...
- 180
14
votes
3
answers
2k
views
How to understand the technical issues while designing?
For instance, I have two designs
Design A like miller columns: Better experience, clear view, no training needed, can play however users want.
Design B like stacked layer or tree view: Best ...
- 151
5
votes
1
answer
3k
views
Does WCAG (2.1) apply to native (iOS, Android) mobile apps?
WCAG stands for Web Content Accessibility Guidelines, but it never defines what is meant by "web content".
Many of the success criteria are defined in terms of "user agent" as if they meant a web ...
- 4,269
30
votes
7
answers
15k
views
Colorblindness-friendly colors called "green", "blue", "yellow", and "red"
I need to choose a palette of four colors that satisfies the following two conditions:
Colorblind people can easily distinguish all four of the colors.
People with normal color vision can ...
4
votes
1
answer
127
views
Best way to get a WCAG report for an Android App?
To ensure usability of our app and also to have something that we can present to the outside, we need to have a report on how accessible our app is. It has to comply at least to the WCAG AA standard.
...
- 41
21
votes
7
answers
7k
views
What is the clearest way to display "less than"?
I'm currently working a sliding filter in a UI that presents a "distance to" option.
Which of the following would best in my situation?
< 2.1 miles
under 2.1 miles
2.1 miles or less
Example:
- 313
3
votes
1
answer
586
views
What to focus on after row deletion
I'm designing the keyboard navigation for a table/grid. Each row in the grid has a "delete this row" button. After a button is activated and the current focused parent row of the button is deleted, ...
- 133
5
votes
1
answer
353
views
Accessibility testing (with Microsoft Narrator as screenreader)? Somebody here with some practical guidelines?
As a front-end developer in a small business agency ( < 30 developers) I am trying to be better at accessibility testing and screen-readers are a must then.
I am a Windows user and also has access ...
- 153
4
votes
2
answers
1k
views
Tab selection vs Drop down selection
I'm trying to figure out what is the best UX that I could possibly implement for a mobile phone app. Either selecting of data via tab header or a dropdown.
Solution 1 - Tab Header
It is easy for ...
- 41
0
votes
1
answer
696
views
WCAG 2.1 Reflow vs Resize Text
The WCAG 1.4.10 Reflow asks to support width 320 CSS pixels without horizontal scrolling. The requirement is written in such a way that an author can test for reflow on a desktop browser with typical ...
- 4,269
2
votes
1
answer
55
views
Wcag 2.1 Success criteria-1.3.6
I am unable to understand the examples available on w3.org, which are:
The links in the navigation of a website are marked up so that users can add their own icons.
Icons on a website are marked up ...
0
votes
2
answers
65
views
Are we thinking too much about how a user will interpret a photograph? [closed]
Here's something interesting that a friend mentioned while taking a look at a few websites I had mentioned.
It's commonplace nowadays (with accessibility as rife as ever) to place a darkened overlay ...
- 288
0
votes
0
answers
209
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 ...
- 101
4
votes
1
answer
196
views
WCAG guidelines for displaying a statistic and its value? (in HTML)
Apologies if UX isn't the right place for this, I am a UX designer but this is maybe dabbling a bit into front-end development.
I am working on just producing some HTML/CSS components for a client ...
- 71
0
votes
2
answers
441
views
Can a heading be a substitute for labels?
Chrome's Lighthouse keeps on reporting "Form elements do not have associated labels", which web.dev gives more information on:
Labels ensure that form controls are announced properly by assistive ...
- 631
0
votes
1
answer
1k
views
How many input fields in one row of a form?
I’m currently designing a template for forms on a governmental website. This kind of template can contain lots of input fields so I don’t want the user to scroll a lot. Also, the forms are in a slide-...
- 27
3
votes
1
answer
100
views
Dropdown that takes instant action on a web app - is this an accessibility or usability issue?
Dropdowns that take action on websites were frowned upon years ago in that users of screenreaders didn't necessarily want to activate an item in a dropdown as they navigated through the dropdown to ...
- 81
12
votes
3
answers
381
views
Making design thinking accessible
There is always a lot of talk about using design thinking as a launching pad for accessible design, however, I rarely hear about people talking about making the design thinking exercises accessible ...
- 181
3
votes
1
answer
96
views
Best practice for abbreviated words in navigation links?
For our site main nav, when a smartphone user enlarges font size, I'm considering switching the text of nav items to an abbreviated "short text" version, e.g., "Continuing Professional Education (CPE) ...
- 141
3
votes
1
answer
100
views
How should dyslexia-friendly headings, sub-headings, paragraphs and button texts took like?
I haven't found any clear resources online to be able to figure out what makes any web test truly dyslexia-friendly. I hope you guys can share valuable information here.
- 5,010
1
vote
1
answer
55
views
Labeling and using links that have alternate Spanish translation
I need to convey to the user that a link presented in English to a site or doc is also offered in Spanish. What's the best way to show this? Visualization through parenthetical (Espagnol), a flag?
- 13
12
votes
1
answer
17k
views
Accessible way of notifying a screen reader about loading the dynamic Web page update (AJAX)
The rise in the use of AJAX to dynamically update the website instead of using standard hyperlinks and separate Web pages has resulted in accessibility problems for users of assistive technology (e.g. ...
- 221
2
votes
1
answer
116
views
Accessibility when embedding PDF in Word document
I'm creating a Word document at the moment, and there are a number of existing documents that need to be included as appendices. Some of them are Word documents, some are PDF. The most consistent ...
- 21
1
vote
2
answers
155
views
How do I convince my boss that too many link colors are bad for accessibility?
I work at a really small company making websites for a specific clientele, an older female audience.
My boss, also the lead Art Director, uses lots of different colors for links across an entire ...
- 19
3
votes
1
answer
1k
views
Why there are 3 lines in all types of menu icons?
I have noticed that all types of menu icons are using three lines or dots.
From a UI/UX perspective, does it matter the number of lines/dots?
For example if someone decides to use only one or six ...
4
votes
1
answer
110
views
Onomatopoeia accessibility
I have such a hard time making onomatopoeias accessible.
The copies of the product have words like "omg", "mmmm", "wow" and I would like to make them accessible for all user using a screen reader, ...
- 921
4
votes
1
answer
157
views
How to present fields where user enters a ratio (particularly for screen reader users)
Our team has been working on a new web app and one of the sections requires admin users to enter a ratio (for example 1:2 or 1.5:20 etc).
I'm unsure of the best way to present the fields to all ...
- 41
2
votes
1
answer
142
views
How to express multi condition rules with flow diagram or truth table
I have a below mentioned multiple variable which match with the other variables and gives output like FALSE, HOLD or TRUE.
I have tried to represent it here in table format.
Variable ...
- 133
2
votes
2
answers
831
views
Video play button on overlay images
I recently came across a big play button on an overlay image for a video. Pressing the play button displays the player, but does not start (play) the video. The user needed to press play on the video ...
- 177
0
votes
1
answer
201
views
How to test accessibility technologies in a website
Short background / Context
I'm a frontend dev newbie and would like to test that whether the accessibility of my and others' websites is good. So I am trying to find a screen reader for firefox or ...
- 1
3
votes
2
answers
332
views
When to show content as un-editable vs disabled
The company I work for is integrating some new users data into our platform and it's brought on a new set of challenges.
One area in which I'm undecided is this:
Users have a set of tags which can ...
- 31
1
vote
1
answer
706
views
How important explicit back and next buttons in onboarding?
I am designing on-boarding screen for android mobile app, I was looking at onboarding screens at dribble found that some of designs do not have back and next buttons, just have the dot indicator and ...
- 697
6
votes
1
answer
3k
views
Is there an accessibility guideline for the contrast of a button color between a normal state and hover state?
I'm a designer with a typical, basic understanding of accessibility.
My question is that is there an accessibility rule for the color contrast of a button that is in a normal state vs when it is in a ...
- 81
4
votes
3
answers
306
views
Is the title in SVG supposed to describe the icon or the value it represents?
Suppose I have a table that has icons as a concise form of some value. So I was looking at the title in the svg element. So in this scenario should the title describe the shape of the svg
or the ...
- 143
1
vote
1
answer
193
views
508 compliance question
For those with knowledge on Material Design and 508 compliance - are there any issues with using an "outlined" text field vs the filled" text field? We're thinking of using the "...
- 11
3
votes
1
answer
742
views
Collapsible navigation sidebar and Bootstrap Dropdown, are these similar?
This is a control panel for administrators. The collapsible sidebar you see below contains links to other pages related to administration.
This image shows me navigating with the TAB key, ...
- 168
116
votes
7
answers
10k
views
What can we do to make UX Stack Exchange badges accessible?
In Stack Exchange, the three main Badge types (Bronze, Silver, and Gold) are differentiated with color alone. This would be challenging for users with color blind related issues to identify Badge ...
- 3,599
0
votes
1
answer
135
views
A doubt whether Soft UI meets the accessibility criteria [closed]
I have made two prototype versions of a button type element one is a mixture of material design and soft UI and other is pure soft UI can you help me in deciding which one is better in terms of ...
- 103
3
votes
2
answers
254
views
How to prompt your users to provide alt text for images?
We have an input field where the user can choose an image to upload, and if they select an image, they must provide a alternate text for the image so blind users can understand what the image is about....
- 131
4
votes
6
answers
1k
views
Best way to deal with multiple choice checkbox UX?
I know this is somewhat subjective, but I can't really make up my mind on the following UX issue (please ignore the design, so far the site is purely for functional testing)
I've got a site that acts ...
- 141
1
vote
0
answers
133
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 ...
- 168
1
vote
1
answer
139
views
app, device, or user interface for communicating with hard of hearing person?
Problem: A person who has gradually lost his or her hearing over the years is unable to have a conversation with another person when the environment is too loud: e.g., many conversations are going on, ...
- 1,300
1
vote
1
answer
309
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 ...
- 960
2
votes
5
answers
482
views
Switch camera icon on left or right side? [closed]
I'm building a custom snap-photo flow in between another flow in my App.
So here I have an interesting dilemma.
Should the Selfie/Rear cam toggle icon be on the left or right side and why? [image ...
- 2,349
4
votes
2
answers
154
views
Is the numeronym a11y accessible?
I joined a new company and I learned that I essentially got the job due to my past experience working with the British gov making some of their forms more accessible. This was a few years ago. I was ...
- 457