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.
822
questions
0
votes
1
answer
76
views
Reading Pattern and Button + Text Hierarchy
I currently preparing a CRO validated design and I have questions relating to the layout.
Below is an image of two options, Option 1 is the original and Option 2 is my proposed tweak which simply ...
- 23
25
votes
5
answers
5k
views
Colorblindness-friendly color scale with a clear progression, without using red/purple/pink
I have a case where a strong pink has already a reserved meaning ("missing data"), so red/purple/pink should not be used at all.
Additionally, colours should really distinct as it will be ...
0
votes
1
answer
432
views
Yes/No Button Toggle Design
So, 2 design options for how to style the toggle button for Y/N answers. There could be anywhere from 4-12 questions on a single page. Which one is better and why?
(I have a few thoughts on this ...
- 3
0
votes
2
answers
89
views
Variable App Colors (for Branding) and Accessibility
A feature that was sold to clients long before I joined was enabling use of custom primary and secondary colors in our mobile app. This allows their branding to be communicated to users for a more ...
- 1
1
vote
1
answer
61
views
What WCAG criteria addresses hearing-impaired users and the use of audio instructions?
We are working on a product for Kindergarten to Grade 2/3 level students learning to read that displays an activity with various mechanisms to students. The instructions for these activities are not ...
- 33
2
votes
2
answers
54
views
Better Product Navigation on POS for visually impaired
My company has designed and developed websites that need to be AA compliant for visually impaired users. However, we have a new project designing a Point of Sale application for a brick and morter ...
- 31
0
votes
2
answers
126
views
What tag should you use for the title of a "fixed" dialog? (cookie consent banner, subscribe to notifications, etc.)
For "fixed" dialogs displayed over the page, like a "cookie consent banner" or "subscribe to notifications", what is the recommended tag for the title (e.g. "Your ...
- 123
0
votes
1
answer
172
views
Accessibility slider with no min/max values
What would be the best instructions for a slider that has no min/max value. For example, you are either all the way to the left or right of a question asked. You could also be in the middle, or ...
- 1
2
votes
1
answer
137
views
What is the accessibility of design tools? Any research or analysis of whether they meet accessibility guidelines?
There is a lot of focus on accessibility and inclusive design in websites and mobile phone apps, but the topic of accessibility shouldn't just be limited to the users.
However, I am sure that there ...
- 26.1k
0
votes
2
answers
326
views
Background video & accessibility of text overlays
I have a situation with an autoplaying video banner (you know the type, full screen html background element) where there is text overlayed on top of it -- common in marketing landing pages and their ...
- 1
5
votes
2
answers
979
views
Does Wordle's high contrast mode confuse the meanings of the colors for colorblind users?
The popular word game Wordle, includes a high contrast mode in the settings for "improved color vision". It turns the usual green and yellow color cues into more contrasting orange and blue.
...
- 151
0
votes
2
answers
110
views
Which guideline includes Accessibility when using Nielsen's Heuristics?
We've been tasked with performing a heuristic analysis for a project, and the requirements specifically include the use Nielsen's heuristics.
Although this isn't a problem for us, we usually use a ...
- 35k
2
votes
1
answer
261
views
Any UX implications: Smart quotes and apostrophes when pasting from Word?
I have a question that I've found very little info on and it's only lately I've begun to become more curious about it.
Our web team normally copies content from Word into a CMS to update the website. ...
- 23
2
votes
2
answers
493
views
Would this design be considered accessible?
I'm currently working on an app directed towards people with physical disabilities, and I have been trying to follow the guidelines of material design for accessible apps.
The problem comes with this ...
0
votes
0
answers
91
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 ...
0
votes
1
answer
102
views
What HTML should I use for a rated theatre review? [closed]
I'm authoring a reusable widget, in HTML, that reflects a common pattern often seen in theatre reviews. The widget is quite simple, with minimal components, namely:
A star rating,
The review itself
...
- 153
0
votes
3
answers
702
views
Accessibility of Icon Buttons?
I have a challenge: I'm working on a project and I used icon buttons. Someone said icon buttons are not accessible because they don't have labels.
ARIA and some HTML techniques can achieve ...
- 853
0
votes
3
answers
51
views
What markup should I use for a form confirmation page / last step in wizard?
We have several multistep forms (wizards?), and in the last step it summarizes what you have filled out so you can read through it once more before you actually submit/confirm.
For styling, these were ...
- 275
1
vote
2
answers
127
views
Mobile accessibility - gestures
I'm designing a progressive web app that we expect people may frequently use on their mobile devices. Some of the interactions that have been discussed are using things like long-press, or holding ...
- 662
0
votes
2
answers
74
views
Best UI display of a company's product name with logo containing words for accessibility
I am working on company's product where the name of the product will show in many views in the UI.
The product's name has a logo with words only.
The logo is small 20 -20px and and contains part of ...
- 195
0
votes
1
answer
198
views
How to make an accessible RWD multi-level main navigation without hamburger menu?
I am currently working on a project to redesign a website for a large government organization. Therefore, meeting WCAG Level AA criteria is essential.
I make it a point to use fewer labels on the main ...
- 3
0
votes
1
answer
345
views
Should fieldsets be nested for yes/no questions?
Forms with yes/no questions that reveal new questions depending what you select... Is it "most correct" and most useful for those who are dependent on accessibility to have the new questions ...
- 275
0
votes
1
answer
70
views
Neckbeard dev seeks answers to form accessibility brief: conditional input zones on ∞ rows
Forgive me for having a bit of difficulty articulating the UI and design goals that I've been handed, but I need to appeal to the hive mind to find out best practice re usability and accessibility for ...
- 103
0
votes
2
answers
551
views
Carousel accessibility best practices
I am trying to design a new carousel component but struggling to figure out any accessibility best practices.
These are some of the things I am trying to think about:
Pagination indicators
Should ...
0
votes
1
answer
111
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 ...
- 31
0
votes
0
answers
70
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 ...
- 183
0
votes
1
answer
134
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. ...
0
votes
1
answer
56
views
Accessible HTML5 markup for side notes / remarks / person's affiliation
I have an HTML5 document which includes content such as
Presenters: John Doe1, Jane Doe2*
( lots of text)
(...)
1: University of Foo
2: Institute of Bar
*: Presenting author
So there are side ...
- 101
1
vote
1
answer
45
views
Do line numbers in a code theme need to meet WCAG AA contrast?
We're designing a custom code theme which displays line numbers, and we're having some internal debate whether these line numbers need to meet WCAG AA contrast guidelines? They're not the main body ...
- 448
0
votes
1
answer
130
views
Accessibility for a select tag that dynamically changes the URL of the following anchor tag [closed]
I have a simple anchor element and a script (not shown) that will dynamically change the URL of the anchor element when the select tag is changed (to the url in the data-url attribute):
<select>
...
- 103
0
votes
1
answer
147
views
Can a collapsible card have move/drag functionality?
While working on a sidebar panel of an application, I have encountered a unique problem. A user needs to create steps (think in terms of creating an online course via a builder). One can add as many ...
- 391
1
vote
1
answer
144
views
Why is the keyboard navigation and selection different for a group of checkboxes vs radio?
We are working on a multi-step survey flow that involves both single select radio options and multi-select checkbox options. We want to make sure it is easy to use for Keyboard users and have been ...
- 401
3
votes
1
answer
206
views
Accessible successful status message
I'm working on a screen where it is like an order form and has a functionality to allow user to save the details they input as a draft. Upon saving the details, I want to display the message that the ...
- 251
1
vote
1
answer
107
views
Fixed desktop navigation at the bottom
Navigation at the bottom on mobile is quite popular. However, it hasn't been adopted on desktops much. Is there a reason other than users know to look at the top?
Obviously, for a government or big ...
- 13
0
votes
3
answers
168
views
Should we explicitly alert the user that an operation they performed was successful/unsuccessful, even though it's implicitly obvious?
We have a few buttons on our website that when clicked do somethings that are obvious (download a file, open a new tab etc) but don't actually change anything on the webpage.
The answer here https://...
- 179
2
votes
1
answer
679
views
Using text-shadow for accessibility
I'm interested in understanding whether there has been any research or confirmed values for using the text-shadow property with the goal of meeting WCAG minimum colour contrast values.
In my ...
- 2,054
0
votes
0
answers
157
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 ...
- 3,599
1
vote
1
answer
157
views
Do PDF menus on restaurants' websites make the site not fully accessible?
I'm a UX/UI Design student working on a competitive audit. I'm checking the accessibility of the websites with a screen reader and noticed that restaurants usually have a PDF menu which is not ...
- 11
1
vote
1
answer
78
views
Accessibility for charts
We have several charts of different types across our application (donut, bar, line) that have their data fed in through APIs based on user selection (and therefore I have no control over the amount of ...
- 183
16
votes
1
answer
3k
views
Is it acceptable to allow users to navigate through web fields using arrow keys?
The scenario: A 20+-year-old legacy desktop system is being uplifted to a SaaS/web platform. Each screen contains a large amount of input fields. Traditionally, users have built "muscle memory&...
- 11.4k
1
vote
2
answers
713
views
Where do I place a side navigation panel for wide screen displays?
I'm building a UI with a side panel for navigation links. The content of the page would have a max-width while the sidebar stays fixed when scrolling the content. I'm not sure where to place the ...
- 121
2
votes
1
answer
219
views
Visually hidden labels, usability, accessibility and WCAG 2.1 compliance
I'm trying to understand how visually hidden labels fit within the accessibility and the WCAG 2.1 spec. It seems to me that as long as an input has a programatically associated label (whether that be ...
- 263
23
votes
5
answers
4k
views
Why would the search input field not get focus when the page is loaded?
Opening up google.com I see that the search input field gets focus automatically, i.e. the cursor is already blinking in the field and users can start typing right away.
In contrast, amazon.com or ...
- 8,706
3
votes
1
answer
103
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'...
- 31
2
votes
2
answers
394
views
How to make tables accessible
The main issue is that if some cells are NOT clickable and others are, then it will be a poor user experience if user tries to click on the cell and nothing happens.
I need some help in writing labels ...
- 21
2
votes
2
answers
123
views
WCAG 2.1 Compliance: How does it apply to password-protected web and native apps
As stated in the title, I'm curious if anyone has resources explaining (or experiences with) any adjusted WCAG criteria for "gated" applications. Does something being behind a password wall, ...
- 509
4
votes
2
answers
112
views
Is using the @ (at sign) an acceptible replacement for the word "at" for screen readers?
When thinking foremost about accessibility, is there any issue in replacing the word "at" with the @ (at sign)?
Example 1: "meet me @ 2pm" vs. "meet me at 2pm"
Example 2: ...
- 2,336
2
votes
1
answer
62
views
Help on separating terms in autosuggestion [duplicate]
I was working on a solution where we introduce an autosuggestion component to our users so we can enable them to fill the required information in a better way. This list use more than 1000 words in ...
- 131
0
votes
1
answer
128
views
Best design for product list page of an e-commerce website
I am working on an e-commerce website. I want to display the summary of search result and want to know which layout is the best?
The information that I am sowing are:
Ad title
Price
Location
...
- 237
-1
votes
1
answer
342
views
HTML Elements to use with Image and Text used as a link
What are the correct HTML elements instead of just a div to use when presenting an image and text just below as one link? I would like for the image and text to be presented in an a11y correct manner.
