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.
859
questions
0
votes
2
answers
711
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 ...
- 3,245
-1
votes
1
answer
147
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 ...
- 2,615
3
votes
1
answer
305
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 ...
- 37.7k
69
votes
16
answers
156k
views
Why are Inverted Colors considered an accessibility feature?
Why is it that, in most operating systems, the "Inverted Colors" display setting is considered an accessibility feature? Both Windows and OS X include this option so it seems to be a ...
- 1
0
votes
1
answer
292
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,245
2
votes
1
answer
38
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 ...
- 37.7k
1
vote
3
answers
1k
views
Select vs. Null Placeholder
I'm working on a large data-entry application.
I'm wondering what is the better method for displaying drop-down lists where the defaulted value is null.
I see a couple of options:
Option a) Use a ...
0
votes
2
answers
75
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' ...
- 3,245
2
votes
2
answers
1k
views
How to make a decorative video accessible
Our clients gave us a video that is mostly B-roll so they are saying they do not need to add captions to make is ADA compliant, but I'm not sure that is true. I know for images, if it's purely ...
0
votes
1
answer
172
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 ...
- 510
1
vote
1
answer
80
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
1
answer
323
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,114
0
votes
0
answers
32
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
748
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 ...
- 1,205
0
votes
1
answer
187
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,740
1
vote
1
answer
35
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 ...
CommunityBot
- 1
5
votes
4
answers
1k
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 ...
- 4,481
1
vote
2
answers
206
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?
- 11.4k
2
votes
4
answers
5k
views
Accessible tooltip with links
I'm working on an accessible input component with built in tooltip. I've managed to create a solution that seems to work fine for people with limitations — whenever user focuses that input with ...
- 201
2
votes
2
answers
94
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
...
- 81
0
votes
1
answer
540
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 ...
- 3,245
0
votes
2
answers
127
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 ...
- 37.3k
0
votes
1
answer
163
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 (...
- 11.4k
2
votes
1
answer
152
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 ...
- 3,245
5
votes
2
answers
2k
views
Contrast ratio for button background color?
I am working with making a website WCAG II compliant. The designers are asking to use yellow buttons (specifically, #fcdb31) with blue text on top of them on white backgrounds.
While the blue type on ...
- 111
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 ...
- 213
0
votes
1
answer
694
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 ...
- 499
0
votes
1
answer
86
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 ...
- 18.3k
0
votes
2
answers
741
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 ...
CommunityBot
- 1
1
vote
1
answer
63
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
56
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 ...
- 106
0
votes
2
answers
196
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 ...
- 39
0
votes
1
answer
233
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 ...
- 633
2
votes
1
answer
147
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.7k
18
votes
4
answers
2k
views
Why red and blue boxes in close proximity seems to shift position vertically under a dark background
For me (wearing glasses) the red box below appears to be slightly above or below the blue one, depending the angle I'm viewing it. Some of my colleagues don't see it and some do. Not all wear glasses. ...
- 2,667
2
votes
1
answer
91
views
What controls are in-scope of WCAG 3.3.2 Labels or Instructions?
Based on what I understand success criterion 3.3.2 requires the visible label of an input to be clear and precise on what is the expected input, especially if the correct input requires special ...
- 778
0
votes
2
answers
610
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 ...
- 31
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 ...
CommunityBot
- 1
0
votes
2
answers
144
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 ...
- 11.4k
4
votes
2
answers
539
views
How in depth should a screen reader when it does the first read through of a page and a form
Take the following mockup as our example case:
Page Title
Page Instructions
Field 1*: [ text input ]
Field 2 : [ text input ]
Field 3*: [ text input ]
[Reset] [Submit]
We ...
CommunityBot
- 1
2
votes
2
answers
495
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 ...
- 1
2
votes
1
answer
413
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. ...
- 3,245
9
votes
2
answers
4k
views
Should html links with images have both title and alt attributes?
I understand it is generally a best quality practice to have title tags for hyperlinks and alt tags for images. This is good for several reasons: additional information for low bandwidth users, ...
- 101
1
vote
0
answers
108
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 ...
- 11
5
votes
3
answers
471
views
Do colour differences which also carry major brightness differences fail WCAG 2.0 SC 1.4.1: Use of Color?
I've run into a conundrum with WCAG 2.0 Success Criteria 1.4.1: Use of Color whilst assessing an internal project for WCAG Level AA compliance.
Among my assessment, I'm assessing controls that provide ...
- 309
0
votes
1
answer
159
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
...
- 3,245
6
votes
4
answers
361
views
Should off-screen elements be accessible prior to being toggled?
Reading around the web on accessibility is like trying to comprehend the cloud.
Too much information, too many opinions, too few real world test cases. Which brings me to my question:
Should off-...
- 499
0
votes
3
answers
2k
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 ...
- 3,245
1
vote
2
answers
148
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 ...
- 499
0
votes
3
answers
79
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 ...
- 3,245