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.
803
questions
1
vote
1
answer
38
views
Does an input type text with its css display property set to none need a label?
We've got a few inputs in various places, which are of type text but their display property is set to none. Something like this:
<input type="text" style="display:none" value=&...
- 13
0
votes
3
answers
76
views
Accessibility question. Company has secondary brand color (orange) that doesn't pass any requirements. Only option change color?
The company I work for uses dark blue as the main primary color and orange as the secondary color. They have used it for years. It doesn't pass any accessibility requirements. We can't go darker since ...
- 5
0
votes
1
answer
31
views
What is the UX guideline or ruleset for making accessible while we have conditional formatting colors applied to each rows?
While we have color palette to handle conditional formatting of table rows we want to create accessible color palette. How is this handled addressing accessibility for colour blind like greyscale?
Any ...
- 528
1
vote
3
answers
82
views
How to indicate disabled list items in a list with alternating backgrounds?
I have a table of search results that have alternating grey and white backgrounds that, on it's own, look quite pleasant in my opinion:
Now, the user also has the option to unselect items by clicking ...
- 11
0
votes
3
answers
72
views
How do I make a grid of radio buttons accessible and intuitive?
Bakground
I'm designing a form for recruiters where one question pertains what qualifications are required for the job.
My employer is very serious about accessibility/WCAG so any designs need to ...
- 21
0
votes
0
answers
43
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 ...
0
votes
2
answers
48
views
Are two buttons with similar appearance and text an accessibility concern?
I'm inspired by this answer: https://meta.stackexchange.com/a/386770/175002 but I've come across this elsewhere as well.
The two buttons read:
Accept all cookies
Accept only necessary
I'm straining ...
- 179
0
votes
2
answers
114
views
Should my headline be conversational, or stick to the numbers?
which of these two options is easier and clearer for the user to understand and consume?
Option 1:
Option 2:
- 1
0
votes
2
answers
104
views
APCA (WCAG 3.0) does not allow for 14px font to be used as a regular base
According to APCA (WCAG 3.0), we are not able to use 14px font as a regular base, but when it comes to SaaS application design, 14px is commonly used as the base font size. Despite my attempt to use ...
0
votes
1
answer
64
views
What accessibility pattern for filter/sort "dropdown"?
I have a design that displays a list of content that you can filter by different categories. Each filter is displayed in a dropdown menu that lets you choose one or more options, which when activated (...
- 103
0
votes
1
answer
41
views
Section 508 and "applets and plugins"
Before the Section 508 refresh, 508 had the following provision:
(m) When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, ...
- 133
0
votes
2
answers
195
views
Does a hover state background need to pass color contrast for accessibility?
We have some discussion going on between myself (design) and lead engineer. With this key question:
Does the background of a hover state have to pass color contrast?
Our current system has our ...
1
vote
3
answers
121
views
Design system – Different font sizes for small an big viewports
everyone! We are currently working in a project team on a design system that is primarily used to develop web applications. These web applications mainly consist of forms. One requirement here is that ...
- 21
1
vote
1
answer
45
views
Are vertical facet scrollbars allowed with AAA compliance
We are designing a B2B e-commerce site and the client is requiring AAA compliance. I know, I know.. but here we are. I have searched and cannot find anything regarding scrollbars for AAA compliance. ...
- 31
0
votes
2
answers
168
views
Hiding duplicate links with aria-hidden
I know that in theory you shouldn't hide active elements... But... What if the link is repeated twice?
To clarify the link is on the picture which has no additional information value. A separate link ...
- 103
-1
votes
1
answer
52
views
What percent of the web's images have alt text?
Web developers are strongly encouraged to add alt text (via the <img> tag's alt="text here" attribute) when adding images to webpages.
Here's an example of alt text providing a ...
- 289
3
votes
1
answer
107
views
Why do some new POS machines shuffle their number placement in the numpad?
These new capacitive touchpad card swipe machines have input numbers all shuffled up.
People with vision-related disabilities use the tactile dot on the number key '5' to get a sense of number ...
- 3,599
0
votes
1
answer
86
views
Minimum touch target area requirement for AA conformance
https://www.w3.org/WAI/WCAG21/Understanding/target-size.html
In the above link, it says you need at least 44x44 px to comply with the AAA level. In my understanding, the AA level is a bare minimum to ...
- 3,599
2
votes
1
answer
33
views
Recording video: is there an accessibility/usability/other reason for allowing video recording without audio?
Imagine a chat app where you can send a text message, audio message, and video message (no screen recording - primarily used to send selfie videos). When the recording flow begins, I'm wondering if ...
- 56
0
votes
2
answers
64
views
wcag 2.1: Which success criteria can be tested automatically or semi-automatically?
Which WCAG 2.1 success criteria can be tested
fully automatically,
semi-automatically with intellectual validation,
intellectually only?
It seems to me IT consulting firms exploit customers' ...
- 25
1
vote
3
answers
127
views
Accessibility and tappable colored text in apps
WCAG guidelines say that we should not rely on color to be the only visual cue conveying information for level A accessibility
At the moment, we have tappable texts that are coloured to indicate they ...
- 11
0
votes
1
answer
85
views
Your thoughts on double scroll and double column form when needed
Hello, I have a problem with this wireframe display.
On this screen, the admin must answer a request (the form in the left) on the app. His response is also a form (the form in the right), where the ...
- 3
0
votes
1
answer
182
views
Do you really need a close button for a dialog to be accessible?
For example: Apple Books
When you create a note, the note doesn't have a close button, you click outside and it closes. If you delete the content, the note is automatically deleted. It doesn't have ...
- 846
1
vote
3
answers
152
views
If I display a hidden button, based on a radio button selection, does it meet accessibility requirements?
HI I have a scenario where a user (car dealership) has to fill out some car details for a sold car and then print a driving permit. When they click the 'print permit' button the permit will print and ...
- 149
1
vote
1
answer
58
views
Multiple parts of a form with regular HTML between #Accessibility
I recently turned a design in to HTML and CSS to be implemented by our back-end developers. For a search result page I used two form tags. One for the search bar and one for the sidebar with filters.
...
- 111
0
votes
0
answers
26
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='...
1
vote
2
answers
299
views
Accessible phone number input
QA flagged an issue for phone number inputs, and I would like a second opinion on their interpretation of WCAG requirements, because I believe they are raising a false negative.
Below are the ...
- 121
0
votes
1
answer
152
views
Do Apple and Google really care about WCAG when it comes to color contrast?
I am struggling to incorporate a yellow on a light background.
The only option to be compliant seems to be to make the yellow almost brown.
I thought I'd check how the big guys do it and it turns ...
- 11
1
vote
2
answers
118
views
Validation after closing or saving a modal
all the modal pop-ups that I see after I click close or save, there is no confirmation that the action is completed. Is that necessary?
- 21
1
vote
2
answers
61
views
Correct example, incorrect example (true/false box) as div, what aria to use?
so on website I'm building I have these div blocks, one block is for "correct example", and the other is for "Incorrect examples" (like Info & warning kinda thing)
I have the ...
- 31
2
votes
2
answers
80
views
Handling tags that can be automatic, public, or private?
I'm building a webapp where I want content to be taggable in a few different ways:
Public system-added tags. Non-removable tags added automatically when content is created based on how it was created
...
- 1,725
0
votes
1
answer
258
views
How to write an accessible error message for a required radio button group form element?
I have a radio button group as follows:
"Do you have any pets?"
Radio options:
"yes" or "no"
If an option is not selected, and the user submits the form, then an error ...
0
votes
2
answers
88
views
Why should "forgot password" page open in the same tab?
I am tasked with making the login functionality for a website. Only working on the UI for now. The "forgot password" page asks for the user's email address, sends it to the backend, which ...
5
votes
4
answers
885
views
Should fields labels also be clickable?
I know it's a good UX practice to make radios/checkboxes labels clickable (because radios/checkboxes are usually a bit small) but I have serious doubts over the practice of also making fields labels ...
- 1,064
0
votes
1
answer
64
views
How can a user tab through content with TAB key if there are no links or buttons?
Okay, I am building a website that is accessible using the keyboard. However there are some pages where there is no focus-able content - no links, forms or buttons. When the users presses the TAB key (...
- 31
1
vote
1
answer
33
views
PEWC (prior express written consent) legal copy. Font size
I am working with cross-channel teams to develop a modal that has PEWC (prior express written consent) legal copy added to the form. Does anyone know if there are font restrictions on displaying that ...
- 11
2
votes
1
answer
62
views
Link Underline Success Criteria / Best Practices
I'm trying to get clarification on contrast required for html link underline color. I'm using the Wave tool to check for issues and I've encountered something that, intuitively, should produce an ...
- 133
0
votes
2
answers
286
views
Best practice for notification timeouts
The app I'm currently working on has a notification banner that appears when successful or unsuccessful network calls. It says things like "Your address was updated successfully!" or "...
1
vote
1
answer
166
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 ...
- 473
0
votes
1
answer
71
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
367
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
82
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
59
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
50
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
106
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
157
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
134
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 ...
- 25.8k
0
votes
2
answers
260
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
1
answer
728
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