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.

Filter by
Sorted by
Tagged with
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 ...
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 ...
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:
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 (...
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, ...
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. ...
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' ...
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 ...
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. ...
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 ...
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?
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 ...
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 (...
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 ...
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 ...
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 ...
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 ...
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 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 ...
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 ...
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. ...

1
2 3 4 5
17