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
852 views

Tabbing into a hidden navigation menu

This is a question about the interaction between navigation via keyboard (tabbing) and initially-hidden navigation items. I’m asking from both a UX and accessibility perspective. My site has a slide-...
6 votes
1 answer
257 views

Distinguishing aria-live speech from UI accessible names

We just ran our first user test of an accessible UI prototype with blind and partially-sighted testers. In spite of my efforts to follow the various recommendations and WCAG specifications, there were ...
0 votes
3 answers
173 views

Is Displaying Restaurant Menu Prices A UX/Accessibility Matter?

I am working with a high-class hotel that owns a number of restaurant venues. I have been trying to do some research, but am coming up short with results to back the idea that exposed restaurant menu ...
0 votes
1 answer
17 views

Should keyboard users be able to tab outside an expanded menu.?

a keyboard user presses enter on a navigation button to open the associated menu the menu opens up the user presses tab to navigate into the expanded menu the user tabs through the expanded menu items ...
0 votes
1 answer
141 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 ...
2 votes
6 answers
241 views

Will a Global Design System improve accessibility of web applications?

I read Brad Frost's post on A Global Design System with interest. After all, Atomic Design is one of the most popular concepts in UI Design since Bootstrap came out years ago, and there hasn't really ...
1 vote
1 answer
68 views

European accessibility act? [closed]

This is a long shot, but I hope to find someone that can help me. I work for a company that creates digital products for healthcare professionals. Think dashboard with patient data (lab results, ...
1 vote
1 answer
65 views

Cart Accessibility - Ecommerce Shop

i have a question regarding defining the accessibility for prices and the cart summary for an ecommerce shopping-cart. As a visual impaired user i can navigate through the cart page with the TAB key ...
1 vote
1 answer
63 views

To meet accessibility requirements, do decorative images have to be inline?

In a document, if your image is marked as decorative, can it be set to wrap text around it and still be considered accessible? It seems as though if a screen reader is going to ignore the image anyway,...
3 votes
1 answer
3k views

How do I make a dropdown select accessible?

What I mean by dropdown is the implementation found in Bootstrap and other common front-end frameworks. I want to replace <select> elements in my forms with dropdown menus because I need the ...
0 votes
1 answer
179 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. ...
1 vote
1 answer
60 views

How to ensure accessibility for a variable-length collection of name fields in a form

My company supports a legacy application which uses a data form containing a Recipient section and a Sender section. Each section, upon first load, contains three text inputs (horizontally aligned) ...
0 votes
1 answer
96 views

HTML element or UI control to accomplish the following scenario to select a range of page numbers in various orders

Seeking some insight on what HTML Elements or UI control would be best suited to accomplish the following scenario. The ability to select a range of page numbers that could include a number of ...
1 vote
2 answers
60 views

Minimum focus style for a text input

I'm currently working on a chat style UI that has a single text input for entering a message. Usually I would follow the recommended accessibility best practises for the correct focus styling. I know ...
2 votes
1 answer
106 views

Patterns for adjusting settings which may hinder the user's ability to adjust that same setting again

This question is about those self-referential settings where the ability of the user to control a device, say: using a mouse cursor, or viewing it on a monitor screen is itself affected by the ...
1 vote
2 answers
204 views

Should I include ... at the end of input placeholders?

I've noticed designers using "..." at the end of inputs or search bars placeholders ("Enter your email address" vs "Enter your email address...") seemingly at random. Is ...
1 vote
0 answers
25 views

I'm creating a detailed component spec for an input field in iOS and I don't know exactly how to specify certain accessibility details

I'm building a detailed accessibility spec for an iOS input field component for a design system. I want to outline in the spec how voiceover should work. The design system needs an input field that ...
2 votes
1 answer
153 views

WCAG' Non-text contrast requirements, what exactly are the guidelines with hover?

WCAG does a weird job of explaining their non-text contrast requirements with hover states. Within their "Understanding non-text contrast" documentation, they have this bizarre example: As ...
6 votes
2 answers
931 views

Color Contrast WCAG 2.0 SC 1.4.3 and Video / Motion Content

There is no reference to motion/video found in SC 1.4.3 — simple "images" and "background." Do the color contrast requirements of SC 1.4.3 apply to text that is in a video and overlayed on top of ...
2 votes
1 answer
67 views

Alert message component variants

I work in an e-commerce platform and we recently had a lively discussion about the variations of our alert message. Would you agree that it is useful to have different versions of an alert or would ...
1 vote
1 answer
35 views

Device for people with advanced tremors and speech difficulties to type using feet and hand

Some older people are often full of tremors, including in their voice, and in their hands, but can still use their feet. They can often also spell. I was wondering whether anyone has designed a double ...
1 vote
2 answers
1k 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 "...
0 votes
1 answer
69 views

email font and accessibility

Recently I have seen more and more emails with an automated note at the bottom similar to: Did you notice my font is large? This is done for accessibility purposes. It is recommended to use at least ...
3 votes
1 answer
73 views

What's the purpose of the colour filters in Windows/macOS/Linux desktop environments?

In their accessibility settings Windows etc. have colour filters for colour-blind people, such as people with Red-Green-Deficiencies (Deuteranopia, Protanopia etc.). As a non-affected person, I wonder ...
15 votes
2 answers
2k views

Are links inside checkbox labels acceptable?

For checkboxes in forms, you often need an accompanying link for individual options. This regularly comes up in checkboxes to accept terms of use. Designers love to put this link inside the checkbox ...
2 votes
1 answer
233 views

Struggling to make an accessible data table with clickable rows!

We're currently working on making our data table accessible. Our main concern is the whole clickable row that triggers a side sheet. The entire row is clickable, and a part of its content may be ...
3 votes
1 answer
117 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'...
1 vote
1 answer
50 views

What's the ideal hit slop to use for small devices on the sides and corners

In React Native and Apple HCI they recommend a 44px x 44px hit area at minimum. But I found that on the iPhone SE it seems a bit hard to hit on the sides and corners. Primarily because of the having ...
1 vote
2 answers
110 views

In the App I designed, there is a carousel component that can be swiped horizontally, but facing an accessibility issue, how can I solve it?

In the App I designed, there is a component that can be swiped horizontally, but the accessibility team said that the functionality is not operable using a single pointer and without requiring a ...
3 votes
5 answers
128 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
371 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 ...
8 votes
1 answer
140 views

Braille input alternatives for people with less than three fingers per hand

I would like to know what braille input alternatives exist for blind users who do not have all of their fingers. I am interested in both software and hardware methods implemented in assistive ...
5 votes
2 answers
154 views

How do I write good alt text for a comic?

One of the things I'm interested in is web accessibility, particularly for knowledge bases such as Stack Exchange. One part of this is alt text for images - a text alternative for images, which is ...
1 vote
0 answers
22 views

How to design software for blind people to create grids with one sound per square on Android

I have gone through the help center issues and it does not seem to me like my question is too subjective. I want to develop apps that are tailored specifically for blind people to reason about their ...
5 votes
2 answers
843 views

Creating an accessible, animated, and responsive navigation system

I've been struggling for the past couple weeks to design the perfect navigation (menu) system for my personal website which I am designing. First, I need a system that is completely accessible as I am ...
2 votes
2 answers
153 views

What's the threshold when you should focus on accessibility? Is there any?

I was wondering what is the threshold for the online product / platform / website to take accessibility into account? (Except obvious "always because you never know"). To be precised I am ...
2 votes
1 answer
87 views

What would be the recommended level for "complementary" headers?

I am currently working on the accessibility of the open source software XWiki. I want to update the way we handle the headers on our page but I lack facts and information to back up this change. Our ...
1 vote
1 answer
71 views

Designing an elevator with smartphone to elevator button pressing and smartphone vibration and notification upon arrival

Elevators make us reason about mathematics (for instance, vectors... when an elevator goes from one floor to another, you can visualize the vector pointing from one floor, with a number, to another ...
1 vote
1 answer
30 views

Is a data download a viable text-alternative to a visual chart?

I have a dashboard with various different at-a-glance charts. For some of them (such as pie charts) it's simple to offer a toggle / alternative view to change from chart to table view, but for more ...
1 vote
1 answer
299 views

Yellow in high contrast modes

We're implementing different color themes across our apps. All our basic themes are WCAG level AA compliant, but now it's high contrast theme's turn. It's going to be a theme that features maximum ...
48 votes
5 answers
40k views

Do disabled buttons still need to be contrast compliant for accessibility?

Very related to this question: Accessible Disabled State but that is about how to style disabled buttons to make them accessibility compliant, but my question is slightly different. Is it actually an ...
3 votes
4 answers
4k views

Is a bottom sheet with no close button accessible?

I'm using a bottom sheet. On Android, people can use the back button to close it, drag it down or tap outside the area. On iOS, people can drag it down or tap outside the area. I'm just wondering if ...
1 vote
1 answer
395 views

What is a good aria-label for a button that opens a modal to pick a region and/or language for the webpage?

I have a <button> element that opens a modal to change the webpage region and/or language. The <button> element needs an aria-label that gives the user information about what the modal ...
3 votes
2 answers
86 views

Keeping the text handle visible at all times when in text editing mode on mobile devices, any accessibility issues?

There is a very interesting article on the 'invisible' problem of editing text on mobile that highlights the lack of novel and tailored UI design patterns for text editing. One of the really ...
0 votes
3 answers
1k views

How should a screen reader pronounce links and buttons?

When a screen reader reads links, should they be pronounced as 'Link button', or 'Link'? Example: Show more... (a link): should the screen reader say 'Link button', or 'Link'? Also, how should the ...
5 votes
2 answers
2k 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. ...
0 votes
1 answer
90 views

Is `h` a valid heading tag in PDFs? [closed]

I'm configuring a document in InDesign for basic accessibility. The documents I'm working on have unfortunately used h1-h6 tags incorrectly for page hierarchy (basically heading style option 1, style ...
8 votes
1 answer
434 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 ...
1 vote
1 answer
41 views

Non Modal Persistent element - Best practices for tab sequence and general accessibility

We're working on a compare widget that appears when products are selected for comparison. This tray continues to persist as long as the products are in this widget. Even if users move to other pages. ...
3 votes
2 answers
572 views

When would a user prefer increasing font size vs. zoom/scale?

Browsers and operating systems usually have settings to make pages larger or smaller. This makes computers accessible for some users with low-vision and I've also seen it used temporarily for ...

1
2 3 4 5
18