Skip to main content

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

What's the most efficient brain–computer interface to play video games?

I read: Technology for connecting paralyzed folks with computers has existed for a while now, according to Bloomberg: Neuralink is not the only company working on brain devices that connect with ...
0 votes
1 answer
51 views

Is search-responsive hierarchy accessible?

I'd like to build a website like the following, and am wondering if is accessible: https://webapp.library.uvic.ca/uvicrecords/recordsList2.php I think yes: when I hit the tab button (which is my ...
0 votes
1 answer
60 views

What disabilities may a large video that auto-plays impact?

If there is a large video on a homepage that autoplays: What types of disabilities may this impact, in terms of how it may distract people from a task? Additionally, how may the intensity of a video ...
1 vote
1 answer
71 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 ...
15 votes
3 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 ...
3 votes
1 answer
130 views

Expanding design principles and practices to inclusive design from accessibility

Accessibility as a design goal worked well in the past when specific design strategies and practices were implemented to cater for people with special access needs to the content or materials on ...
5 votes
2 answers
854 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 ...
30 votes
3 answers
21k views

Formula for color contrast between text and background

In my Android app a user can choose the color of an item. This color is then shown in background with a text on it. I want to display the text either in black or white - depending on the background ...
1 vote
1 answer
885 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
24 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
142 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
244 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
71 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
78 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
4k 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
184 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
62 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
97 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
63 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
235 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
26 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
161 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
953 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
37 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
86 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
74 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 ...
2 votes
1 answer
253 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
118 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
51 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
119 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
132 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
391 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
142 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
175 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
23 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 ...
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
88 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
72 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
31 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
357 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 ...
2 votes
1 answer
502 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
92 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 ...

1
2 3 4 5
18