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

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

3
votes
1answer
76 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.
1
vote
2answers
60 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
18 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
31 views

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

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
45 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
33 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
41 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
203 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
653 views

Maximum contrast ratio for good accessibility

So we are remaking an enterprise app from scratch. This time we want to do base our design decisions on proper research. Our users use the app 24/7 with high requirements for UX. So our main goal is ...
0
votes
1answer
43 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
327 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
41 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
65 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
69 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 ...
5
votes
4answers
134 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
50 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
81 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
91 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
40 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
44 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
103 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 ...
4
votes
1answer
129 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
726 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
47 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
47 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
343 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
48 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
97 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
72 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
171 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
215 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
236 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
158 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
80 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 ...
1
vote
1answer
41 views

How do you make references accessible?

Let's suppose I have this very basic example (I could have used superscript numbers as well) Accessibility is great* then whatever text or content, then * Book of obvious things Now, how do I ...
4
votes
1answer
60 views

Accessibility in video games, and designing for them

This is not a recent video (at least it was more than a year ago), but I was very fascinated to watch someone with vision impairment (as the result of cancer) playing a fighting game by listening to ...
0
votes
1answer
60 views

Usability or Accessibility

Overview I am writing some UX Guidelines for our organization which is a Software as a Service business. Our organization relies heavily on Presentations, Marking Material, as well as our Software. ...
0
votes
1answer
221 views

When is it 'wrong' to put tabindex=0 on non-interactive content?

I'm trying to fix up a site made with the adaptAuthoring tool after an accessibility audit. One of the audit items is a complaint about the very large number of tabs needed to navigate the document. ...
1
vote
2answers
65 views

Are buttons necessary on product cards?

Lately I've been seeing a lot of product cards without buttons. The idea is that the whole card is the button. Generally it looks card-like and clickable (has a drop shadow on the whole card). I have ...
4
votes
2answers
1k views

Why center align text in 2018? [closed]

I feel like in 2018 I see more centered blurbs and paragraphs on the web. Centered text is a real problem for me because I can't read it. It makes my eyes spaz and my head avert. Am I the only one ...
4
votes
5answers
210 views

What if those with disabilities aren't your user base?

I have a slight problem with accessibility. I have no issue with those with disabilities but here is my problem. They are not primarily my user. I build recruiting sift questionnaires for ...
0
votes
2answers
93 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
1answer
84 views

How to deal with an image-map regarding accessibility?

Currently, I'm trying to fix some accessibility issues on a single page website. This website consists of various elements (e.g., collapsed menus) in addition to a part where an image-map is used to ...
12
votes
4answers
738 views

What size of a button can a reasonably fat finger comfortably click?

Say my button is square shaped, in a website, and I don't want to cause inconvenience for users with big fingers (and also older people and those who forgot their glasses and aren't precise at hitting ...
2
votes
1answer
155 views

WCAG 2.1: 1.3.6 Identify Purpose - How do you meet the icon requirements for this?

WCAG 2.1 has officially been released so I'd like to try to support it as much as I can. I'm having difficulty understanding guideline 1.3.6 (Identify Purpose). https://www.w3.org/WAI/WCAG21/...
1
vote
2answers
142 views

Text contrast for highly saturated call to action buttons

It's become a part of my way of working that I check areas of my design are adhering to accessibility guidelines, WCAG2.0 colour contrast in particular. At the moment I'm working on creating a new ...
-1
votes
0answers
70 views

Display errors in table cells

We have a legacy app with large tables. (Not going to change in the near future.) Looking for research or articles on displaying errors for cells in the table. change border to red. Add an icon and ...
3
votes
1answer
57 views

How to effectively link isolated apps of the same product?

Our product has many categories of features (e.g. Create/Manage sports activities, Book a play field, Book a Coach, Entertainment related events etc). However, we plan to divide these features into ...
1
vote
1answer
58 views

Focus blur on client routing ideal for SPAs?

I have a single page application. There is a page with products and on the bottom a link to go to the next page. Upon clicking this "next" link the list of products in the DOM is replaced. While the ...