Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
The results are in! See what nearly 90,000 developers picked as their most loved, dreaded, and desired coding languages and more in the 2019 Developer Survey.

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

1
vote
0answers
21 views

How do you make Acrobat DC preserve alt text from web pages? [on hold]

We are converting a large number of old HTML-formatted newsletters to PDF format for long-term archiving. We want to ensure that the resulting PDFs are accessible. We're using Adobe Acrobat DC to ...
0
votes
2answers
66 views

Text visibility / accessability on public information screens

I'm in the process with our supplier of upgrading the technology behind our Flight Information Display System for our airport, this runs the flight information screens in the terminal showing the ...
0
votes
1answer
29 views

Should I clear selection by re-clicking on icon, or make a “clear button”?

I have a UI in which I collect user feedback using simple two simple thumbs up/thumbs down icons that appear below the thing being rated. (US users only so no concern about thumbs up being offensive ...
0
votes
1answer
52 views

Should We Replace Link Attributes/Values When We Prevent Default Link Action?

There are times when I, a custom theme, a contributed module or library, prevents the default action of an <a> tag. This is not uncommon and needed when implemented. Something like e....
0
votes
1answer
21 views

Focus style accessibility - Is colored underline enough of a change?

I am currently assessing styles for accessibility for a project onto which I am working. Overall, the layout has a black background (#050000) and text and components are either beige (#FEF0D6) or ...
1
vote
1answer
53 views

Is It Acceptable To Use Custom Focus Indications As Art Direction?

As part of a redesign of my personal site, I have a hero image with an animated flying blimp. When hovered, the blimp toggles to a different animation. I would like a keyboard user to be able to ...
1
vote
2answers
34 views

Accessibility Guidelines for saving changes to boolean controls in a web app

We currently have some settings pages in a web app where there is a list of controls with checkboxes, so you can enable/disable certain features. We also have a save option below these that is ...
3
votes
1answer
61 views

Accessibility for deaf or hard of hearing users

Going through the accessibility posters from the UK Home Office I found something I can't understand. In the section about Designing for users who are deaf or hard of hearing they recommend to do not ...
0
votes
1answer
43 views

Should accessible buttons include contextual information

It is possible for screen-readers to navigate the page by links, this would make sense to include links that make sense without user having to understand what is around the button. For example "Save ...
0
votes
2answers
68 views

What are the best ways on a sub-500 budget to test for mobile accessibility?

I am familiar with website accessibility at least in terms of WCAG 2.0, Section 508, etc. But I am currently designing a mobile app (cross-platform using React Native tools) and there does not seem to ...
3
votes
2answers
149 views

How to best present multiple statuses in a table?

I have a table of data, each row represents a quote that can have several statuses. A while back when the status system was less complex I decided it would be best to enrich the status data and ...
0
votes
2answers
50 views

Accessibility guidelines for Mobile Apps

Can you recommend me a guide or book for making apps focused on people with vision problems? Some kind of accessibility guidelines. I know there are some guidelines in the iOS/Android documentation, ...
4
votes
2answers
192 views

Impact on website analytics caused by accessibility issues

An interesting result published on the WebAIM website shows that when it comes to WCAG Conformance for the the top 1,000,000 home pages : 97.8% of home pages had detectable WCAG 2 failures! These ...
1
vote
2answers
117 views

Is there a standard for indicating a high contrast style? [closed]

I am working on a web app and have developed both a normal stylesheet and a secondary high contrast stylesheet. I am coming unstuck when it comes to allowing a user to switch between styles. Is ...
1
vote
2answers
71 views

What is a best way from the user experience point of view to list questions and answers (FAQ)?

At the "Questions and Answers" or "Frequently Asked Questions" (FAQ) section it is often fashionable to have collapsing/expanding sections for each question and answer. Is it still the best way to ...
4
votes
1answer
89 views

Accessible tools for prototyping?

I'm a visually impaired beginner on UX Design. Are there accessible tools for prototyping? I'd love to learn more about UX Design and Voice UI as I'd love to create my own voice UI.
4
votes
3answers
309 views

Checkbox size of 'clickable' area on desktop

I'm wondering if there are any guidelines regarding the size of the 'clickable' area of a checkbox on desktop. I was having a discussion with our developer and when he is testing the product he ...
0
votes
0answers
22 views

Dialogue based interface, the app voice becomes input instead of user sound input

The app we are currently developing has a feature which enables user to communicate dialogue based (imagine siri) We are currently facing with a problem. The problem is about the accessibility. When ...
1
vote
1answer
43 views

Should I use <aside> for off-canvas navigation? [closed]

I want to create an accessible off-canvas navigation and most tutorials say you should put it inside the <aside> element, however, since it is my main navigation which will appear on one line on ...
0
votes
1answer
57 views

Do Drop Shadows Count For Accessibility?

Does a drop shadow in a dark (and passing color) count as accessible when the background color does not? Example: Light blue background and white text = not accessible Light blue background with ...
1
vote
1answer
41 views

Bilingual Navigation

I am working on a pro-bono project. We are designing a website for a bilingual parent workshop (80% Spanish Speakers and 20% English Speakers). Funders for the organization are English speakers. That ...
1
vote
1answer
48 views

What is the procedure for measuring color contrast around anti-aliasing?

What is the proper method for measuring the color contrast of on-screen elements that are anti-aliased (particularly, but not limited to, text)? Does a standard method even exist? Here's my specific ...
5
votes
3answers
239 views

Can I use medium color contrast in native mobile apps? Android & iOS have high contrast modes

I design native apps for Android and iOS. Both Android and iOS have high contrast modes. With this in mind, can I use low-contrast colors (say, 3:1 instead of the 4.5:1 that WCAG Level AA requires), ...
10
votes
3answers
726 views

Maximum contrast ratio for good accessibility

So we are remaking an enterprise app from scratch. This time we want to base our design decisions on proper research. Our users use the app 24/7 with high requirements for UX. So our main goal is to ...
0
votes
1answer
45 views

Making web pages accessible

It is acceptable to make two versions of a web page, one for accessibility and the other for visual impact. There would be a screen reader specific link for the accessible page.
0
votes
2answers
356 views

Is it ever OK to use italics?

It’s a fairly well known accessibility issue that italic fonts should be avoided as they reduce readability for those with sight issues and dyslexia. (discussed here: Are italics on the web bad for ...
1
vote
1answer
48 views

Does it make a difference in accessibility to show a success message in the same page a form was submitted?

Does it make a difference in screen reader accessibility to show a success message in the same page a form was submitted? Or is it better to redirect to a different page?
1
vote
2answers
70 views

Screen readers and mouse

I'm building an accessible tooltip — my first dive into the world of accessibility. It is shown next to an input and right now I'm thinking about how to show them to users with disabilities. The ...
0
votes
1answer
84 views

Color Palette Accessibility for White Text Button Labels

Background: I'm currently working with trying to bring text accessibility into the visual design of a SaaS product suite, which has cross-product primary and system feedback colors and a number of ...
7
votes
4answers
178 views

Which accessibility standard for mobile app?

The W3C has created accessibility guidelines for websites. A is the least accessible, and puts the least constraints on the design, AAA is the most accessible, and puts the biggest constraints on the ...
1
vote
1answer
54 views

What are the best practices for image sprites? [closed]

What are the best practices for using sprites in accesibility? There isn't much information about it. This particular one has a series of action buttons (toggles, search and cart icons, among others) ...
1
vote
2answers
84 views

Need Advice - One website with “bilingual” (Spanish/English) languages

I need some accessibility and usability advice for a website. I am a designer volunteering for a non-profit and is my team (product manager and three developers). I am working on a site where my ...
1
vote
1answer
94 views

Automatic Focus change: Does it violate an accessibility standard?

I am working on a Two Factor Authentication page. A tester has suggested that after clicking the 'Send Token' button (Sends the token to the user's phone), we should automatically change focus to the ...
0
votes
2answers
44 views

Alternate hidden form for screen readers

When redesigning our customer-facing form which contains different kinds of questions - text, currency, selects, radio buttons and checkboxes - the design team did not put any consideration in ...
2
votes
1answer
47 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 ] ...
2
votes
3answers
104 views

How much accessibility is too much (power features, keyboards)?

I work on a team that has been building out a design system for a proprietary application. We often have discussions around the best way to build new functionality. Recently, one conversation was ...
5
votes
1answer
136 views

Are shoelaces replaceable by more usable alternatives? If so why are they still so common?

Compared to alternatives like velcro (which have been around for quite some time) or mechanisms that allow you to tighten shoes with a twisting mechanism (as seen on some of the football boots), ...
6
votes
4answers
763 views

Should a Search Icon Inside a Search Bar Be Tabable?

I'm developing a search bar. The input field and the icon are uniform in design, and thus a tabable icon feels superfluous because the default behaviour when pressing the enter key while the input ...
4
votes
2answers
48 views

Where to place cookie notice as tab focusable element for screen readers?

Should we place cookie notice at the top so that users can agree with policy as soon as possible? If so where exactly, right after "Skip to main content" link, or maybe after main navigation? Or ...
1
vote
1answer
48 views

Where should keyboard focus after closing a dialog with the button opening the dialog removed?

In the UI design, each item panel contains a remove button. If clicking the remove button, a confirmation dialog would prompt. If cancel, the keyboard would focus back to the remove button. If confirm,...
0
votes
2answers
50 views

Is using iOS' 3D Touch in apps bad for usability?

Have there been any usability studies on iOS 3D/Force touch with less tech-savvy users? I've casually observed older people having issues with 3d touch using apps. They tend to press hard and long ...
5
votes
2answers
474 views

When is it appropriate to use disabled inputs?

It seems best to avoid disabled controls entirely, though I realize there are sometimes technical reasons where people are forced to style some disabled controls instead of removing the fields or ...
1
vote
1answer
56 views

Password Recovery in Modal or New Page [closed]

What are the advantages/disadvantages of using a popup password recovery vs a new page?
1
vote
2answers
105 views

Best practice for multi state Button?

I am building an (Android) app having a button whose text values represent states: "Start" --> pressing it will initiate connection to my server "Starting" --> gives visual cue that button was ...
0
votes
2answers
73 views

Images in Email Campaigns

Overview: I am building a UX report on best practices for creating emails for marketing campaigns. One recommendation I am providing is to build your designs without images and then add them after ...
2
votes
3answers
175 views

Users not clicking on quantity

I have a flow where the user has to select quantity first and then select address and then select payment method and place order. but when I went through data found that most of the users are the not ...
4
votes
2answers
224 views

Why is this text, that fails WCAG accessibility guidelines, subjectively easier to read than text that passes?

A The smaller text here passes WCAG 2.0 contrast accessibility AA guidelines. B The smaller text here fails WCAG 2.0 contrast accessibility AA guidelines. In a usability study comparing the images ...
1
vote
3answers
426 views

Should I use alt on “img” or aria-label on “a” to describe the link? [closed]

All of the guidelines of WCAG and some related articles suggest to always set the alt attribute on the img elements, if the image links to other page, alt should be the place the image leads to. But ...
0
votes
4answers
163 views

Should icons always be the same color as the accompanying text?

I'm designing a timeline in which certain "event cards" are interactive while others are not. I'm running into a problem where the icons on the non-interactive cards look very dark, and therefore ...
2
votes
3answers
82 views

Keyboard accessibility: if menu can be operated with keyboard should it still retain tabbing functionality?

I’m trying to create an accessible menu that can be operated with the arrows, as described here: https://www.w3.org/TR/wai-aria-practices-1.1/examples/menubar/menubar-1/menubar-1.html In the example ...