Stack Exchange Network

Stack Exchange network consists of 174 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

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

4
votes
4answers
581 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
1answer
27 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
45 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
39 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
180 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
37 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
89 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
53 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
160 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
197 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
74 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
153 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 ...
0
votes
2answers
45 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
37 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
57 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
47 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
38 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
50 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 ...
0
votes
0answers
82 views

How to show a connection status in material design

I have an app that basically is just a "tv-remote" for a device, that the user connects to via Wi-Fi. One thing to consider is that half of the app users are blind or have bad vision. Because the app ...
4
votes
2answers
516 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
207 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
88 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
22 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 ...
10
votes
4answers
358 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 ...
1
vote
1answer
91 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
120 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 ...
0
votes
0answers
46 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
47 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
55 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 ...
1
vote
1answer
80 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 ...
1
vote
1answer
70 views

Forms with conditional sections - Accessibility

Business banking space. I have a very long form, broken into multiple sections, across several pages, with Save, etc. We only support Eng and Fre as languages. But the business could be anywhere, so ...
1
vote
2answers
38 views

WCAG AA Compliance and Card Patterns

Question on product cards and WCAG AA compliance. We are specifically questioning the link styles of this clickable cards—which take you to a new page. Each card you see has a focus + hover state ...
2
votes
1answer
39 views

Is a 'single tab-stop' a valid goal for a toolbar which is almost the whole of the UI?

This W3C best practice document says To optimize the benefit of toolbar widgets... Implement focus management so the keyboard tab sequence includes one stop for the toolbar and arrow keys move ...
1
vote
1answer
92 views

Is a title attribute still required for imagery?

If an image is featured on a landing page and isn't a hyperlink, is it still relevant to make use of the title attribute? I'm seeing less and less websites make use of it and with mobile websites it'...
3
votes
3answers
355 views

Content slider / carousel accessibility best practices?

I'm building a content slider for a news site and faced with the issue of keyboard and screen-reading accessibility. Case #1: Pure image slider For generic image slider it appears you can go with ...
1
vote
1answer
42 views

Opening T&C and Privacy Policy as a PDF? Any accessibility issues?

One of our clients requested a strict formatting for their T&C and Privacy Policy documents so I suggested opening the entire document as a PDF instead so that the formatting is maintained (not ...
3
votes
3answers
141 views

Does faceted search fail accessibility?

Forms that use faceted search filtering present a series of categories to filter search results by. Selecting a filter option will typically auto-submit the form instantly and present the filtered ...
2
votes
1answer
72 views

Is there a way to know what or which disability a user might have?

Like nearly everyone here I try to make the websites I create a user friendly as possible. This includes any problems that might arise with accessibility. I use ARIA in my HTML, I pick colors with ...
0
votes
1answer
96 views

Are there any science based studies on separating username and password in two screens?

I was trying a similar approach to google which login in 1 page and password in the second but a coworker said that for accessibility reasons password and login should be in one screen. Is there any ...
1
vote
1answer
64 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 ...
4
votes
3answers
114 views

Can screen readers interpret Unicode styles fonts such as bold and italics?

I have seen serval social media channels using Unicode to make part of their text bold or italicised on websites such as Twitter, where this sort of thing is usually not possible. It crossed my mind ...
0
votes
1answer
70 views

Does a basic login form need to state required fields to pass accessibility?

One of the accessibility criteria is "3.3.2 Labels or Instructions" and one of the ways to meet that criterion is by identifying required fields. https://www.w3.org/TR/WCAG20-TECHS/H90 Is a website ...
4
votes
2answers
225 views

Can palettes be unambiguous for colour blind users?

I am making design recommendations for a piece of software that wants to accommodate entirely illiterate users. A suggestion that has been made is to assist these users by employing "color coding" on ...
5
votes
2answers
172 views

How to make effective call to action for blind people?

I’d like to know about techniques and good practices for CTA (call to action) for blind people. Of course I use WAI-ARIA, sr-only and whatever technique I need to make pages accessible, but I wonder ...
2
votes
1answer
60 views

Hovering Navigation Arrows

Is there any modern and accessible approach to implementing "hovering navigation arrows"? I was given a website layout to implement which features "hovering navigation arrows" to navigate to the ...
0
votes
2answers
105 views

Instant typing search pattern

I've been meaning to implement the pattern of an "instant search" on a Desktop site, which would work by simply starting to type and have the input focused on a search form. The only example I have ...
1
vote
2answers
67 views

Should user uploaded images have alt tags?

Situation Our product has a messenger where you can upload images. We want our product to be accessible. However, user uploaded photos may not necessarily have alt= tags in them. What do we do? ...
1
vote
2answers
108 views

Are URLs in alt text usable?

In a recent edit I made on UX Stack Exchange, I added some alt text to an image that contained the URL of a page at which the reader could see a textual version of the content in the image. However, ...
0
votes
1answer
91 views

Tab order of close button in popup with tab panel

My first post here. I am sure it won't be the last. I am developing an accessibility prototype which features a popup tab panel. I followed the recommendations at https://www.w3.org/TR/wai-aria-...
1
vote
2answers
119 views

How do you test accessibility with users when you only have prototypes?

I want to do some accessibility user testing, but don't have the built product yet. Much like usability testing i want to test as early as possible and as frequently as possible. Will a prototype, ...