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
0
votes
1answer
26 views

How to test accessibility technologies in a website

Short background / Context I'm a frontend dev newbie and would like to test that whether the accessibility of my and others' websites is good. So I am trying to find a screen reader for firefox or ...
1
vote
2answers
62 views

When to show content as un-editable vs disabled

The company I work for is integrating some new users data into our platform and it's brought on a new set of challenges. One area in which I'm undecided is this: Users have a set of tags which can ...
0
votes
1answer
47 views

How important explicit back and next buttons in onboarding?

I am designing on-boarding screen for android mobile app, I was looking at onboarding screens at dribble found that some of designs do not have back and next buttons, just have the dot indicator and ...
3
votes
1answer
78 views

Is there an accessibility guideline for the contrast of a button color between a normal state and hover state?

I'm a designer with a typical, basic understanding of accessibility. My question is that is there an accessibility rule for the color contrast of a button that is in a normal state vs when it is in a ...
3
votes
3answers
89 views

Is the title in SVG supposed to describe the icon or the value it represents?

Suppose I have a table that has icons as a concise form of some value. So I was looking at the title in the svg element. So in this scenario should the title describe the shape of the svg or the ...
1
vote
0answers
43 views

Is Iris a better alternative to Window's High Contrast Theme?

The reason that I don't like Window's High Contrast Theme is because of incompatibilities with software. E.g. some windows may be completly blank installing something. Iris does color inversion and ...
0
votes
1answer
74 views

508 compliance question

For those with knowledge on Material Design and 508 compliance..are there any issues with using an "outlined" text field vs the filled" text field? We're thinking of using the "outlined" text fields, ...
1
vote
1answer
88 views

Collapsible navigation sidebar and Bootstrap Dropdown, are these similar?

This is a control panel for administrators. The collapsible sidebar you see below contains links to other pages related to administration. This image shows me navigating with the TAB key, ...
111
votes
7answers
9k views

What can we do to make UX Stack Exchange badges accessible?

In Stack Exchange, the three main Badge types (Bronze, Silver, and Gold) are differentiated with color alone. This would be challenging for users with color blind related issues to identify Badge ...
0
votes
1answer
84 views

A doubt whether Soft UI meets the accessibility criteria [closed]

I have made two prototype versions of a button type element one is a mixture of material design and soft UI and other is pure soft UI can you help me in deciding which one is better in terms of ...
2
votes
2answers
86 views

How to prompt your users to provide alt text for images?

We have an input field where the user can choose an image to upload, and if they select an image, they must provide a alternate text for the image so blind users can understand what the image is about....
1
vote
4answers
348 views

Best way to deal with multiple choice checkbox UX?

I know this is somewhat subjective, but I can't really make up my mind on the following UX issue (please ignore the design, so far the site is purely for functional testing) I've got a site that acts ...
0
votes
1answer
23 views

Is the “feed” role also appropriate for the “Load More” button approach?

Both w3.org and MDN seem to associate the feed role with infinite scrolling, without mentioning if it applies to button-triggered loading as well (with a "Load More" button). My application shows ...
1
vote
1answer
130 views

app, device, or user interface for communicating with hard of hearing person?

Problem: A person who has gradually lost his or her hearing over the years is unable to have a conversation with another person when the environment is too loud: e.g., many conversations are going on, ...
0
votes
1answer
159 views

Mobile Tables - Accessibility (iOS vs Android)

iOS - Disclosure Indicators When this element is present, users know they can tap anywhere in the row to see the next level in the hierarchy or the choices associated with the list item. Use a ...
2
votes
5answers
230 views

Switch camera icon on left or right side? [closed]

I'm building a custom snap-photo flow in between another flow in my App. So here I have an interesting dilemma. Should the Selfie/Rear cam toggle icon be on the left or right side and why? [image ...
3
votes
2answers
86 views

Is the numeronym a11y accessible?

I joined a new company and I learned that I essentially got the job due to my past experience working with the British gov making some of their forms more accessible. This was a few years ago. I was ...
0
votes
1answer
63 views

Is it a valid or acceptable practice to develop a separate page to meet accessibility requirements?

I recently visited some websites that seems to be using either deprecated technology (e.g. Flash) or contain a lot of complex front end javascript code to create the interaction of the user interface. ...
0
votes
1answer
37 views

How do you test keyboard accessibility with prototyping software?

How does one test keyboard driven navigation using only prototyping software? I currently use sketch + invision for prototyping, is there a plugin or a better option? Im aware that the best option ...
1
vote
2answers
85 views

How can I make terminal UIs accessible?

I am looking for resources (software, studies, documentation) to help inform design decisions for making command line utilities accessible. Most of the programs I work on are command-line utilities. ...
1
vote
1answer
42 views

Entering data fields in a table where rows have a hierarchy

Situation: A store is adding in how much money has been spent on products in their store that week. They can enter the figures either at the individual product level, or at the brand that product ...
3
votes
1answer
120 views

Do links to inaccessible sites make my website inaccessible?

My website contains links to third-party websites, mostly articles on news websites. If these third-party websites are not accessible, and I am trying to meet WCAG 2.0/2.1 AA standards, do these ...
0
votes
1answer
54 views

Number incrementers and accessibility

How are number incrementing arrows for accessibility? I would think they would be bad for keyboard users, but is there any study to back that up?
0
votes
1answer
42 views

Tab order through a matrix of radio buttons

I'm building an HTML form where the user can select one of three options for each day of the week. The wireframe proposed by the designer looks like this: a matrix of radio buttons, with columns for ...
0
votes
1answer
62 views

Are there tools that emulate (mobile) 'screen glare'?

Simple question, is anyone aware of a tool that can emulate screen glare for websites / apps? Specifically for mobile screen glare.
1
vote
1answer
66 views

Where are the Braille books? [closed]

I wonder why it's so difficult to find Braille books. Free software is available to convert text to Braille, why aren't publishers taking advantage of this to automatically convert their books? Do ...
1
vote
1answer
72 views

Setting a shortcut to change focus to a different section in a web app?

Let's say you have a web app with 3 sections. A left nav menu, a toolbar/settings section, and a main application area. Most of the time, the user will be engaging directly with the application, and ...
0
votes
1answer
71 views

Should all toolbar buttons have shortcuts / hotkeys?

It seems like many products have hotkeys for "simple" toolbar functions like bolding, etc. -- functions that apply to a selection but don't require further input. For functions that require further ...
0
votes
1answer
143 views

GDPR banner accessibility - where should it be in the page tab order?

We're adding an 'accept cookies' GDPR banner across the bottom of our site. Should it be the first thing that gets focus when tabbing into the page?
0
votes
4answers
69 views

Legibility and contrast for light weight sources. Regarding accessibility

I am developing a web application, starting from an approved design, I have the task of evaluating if it is readable. The question is: the light body, modifies the consideration over the contrast? ...
1
vote
1answer
67 views

Inclusive notification scheme incorporated into design systems

It seems like the standard RED, YELLOW, GREEN and BLUE colours are used in notification schemes/styles in the most popular development frameworks like Material.io and Bootstrap. Of course, colours ...
1
vote
4answers
112 views

How to solve UX vs screen reader accessibility problem?

I'm learning web-development and semantic html markup. Recently a tutorial suggested that because "Click here" or "Read more" anchor texts are not so descriptive to visually impaired users depending ...
0
votes
1answer
29 views

Chrome Developer Tools -Accessibility

The Accessibility tab in Chrome developer tools run on a input without a label compiles to: aria-labelledby: Not specified aria-label: Not specified From label: Not specified placeholder: Not ...
0
votes
1answer
114 views

How to semantic/accessible create a list with “load more” button [closed]

Here basic example of what I'd like to do: HTML: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li hidden>Item 4</li> <li ...
3
votes
3answers
140 views

Where should keyboard focus go when a ‘load more’ content button is clicked

Where should keyboard focus go when a ‘load more’ button is clicked? On websites showing this functionality; either focus is moved to the top of the page when the button is clicked, or focus moves ...
0
votes
1answer
74 views

Behavior of Tab in a form

Is there a case where it makes sense to use Tab to trigger a search with a long form of search criteria? I work on complex applications in the medical field and the dev team wants to go from hitting ...
-2
votes
3answers
221 views

Examples needed: a toggle that shows a higher-contrast version of a site [closed]

Can someone give me examples of a feature that toggles to a high-contrast version of the website? I am only able to find 2 live website examples: https://www.smashingmagazine.com/?source=post_page-...
1
vote
3answers
150 views

Why WCAG 2.0 doesn't comply with its own line length criterion of 1.4.8?

WCAG 2.0 Success Criterion 1.4.8 clearly specifies that to achieve AAA conformance level, Reading content in a single line should not exceed 80 characters for non-CJK (Chinese Japanese & Korean) ...
2
votes
7answers
967 views

Does hover state button text need to meet accessibility guidelines?

I've got a basic understanding of accessibility and how it applies to visual elements of your product and I'm keen to apply guidelines as best as I can. My question is does the hover state button ...
0
votes
2answers
127 views

Popups default focus on button - best practice

Do we need to auto focus on any one of the buttons inside a popup? Since, some users prefer keyboard to interact with the application. For example: Confirmation popups in destructive actions like ...
0
votes
2answers
103 views

Screen reader accessibility: How “talky” should my button be?

I'm trying to improve screen reader support on our webapp, but I'm struggling a bit with what the best practice is for our buttons. Our current pattern looks something like this If I focus on the ...
0
votes
4answers
240 views

Accessible tooltip with links

I'm working on an accessible input component with built in tooltip. I've managed to create a solution that seems to work fine for people with limitations — whenever user focuses that input with ...
0
votes
2answers
107 views

Should focus be on first button in pop up from hover state?

I have a table where if you hover on the chat bubble icon the pop up shows as in this picture. For 508 compliance and accessibility.... if a user hit tab, while in that hover state, should the focus ...
0
votes
0answers
33 views

Asking if phone number uses TTY Device?

Is it necessary on a contact form to ask if a user's phone number is using a TTY device? I've tried doing some internet searching but am unable to find anything.
0
votes
3answers
143 views

When providing programming documentation to users of an office suite software, does intelligent cell merging in tables, make the info more accessible?

Examples of such merged-cell use, alongside versions of same info without merged-cell use Info using merged cells Table 1 Table 2 Same info without using merged cells Table 1 Table 2 Background ...
3
votes
2answers
271 views

What does 'A' stand for in A, AA & AAA accessibility conformance levels

I have been going through WCAG 2.0 guidelines and I couldnt find any reference to the letter 'A' in Conformance levels of A, AA & AAA standards. What does letter 'A' stand for ? Is it an ...
2
votes
1answer
64 views

PDFs, security, ADA/Accessibility

I'm a back end developer who knows about front end technologies but doesn't do design work (for Reasons). Anyway, I've been tasked with creating a PDF file of some student records that can't be ...
5
votes
1answer
261 views

Digital signatures for the visually impaired

I'm working on a web application that allows users to digitally sign financial documents. I need to make this accessible for people with visual disabilities but I cant' find good information for ...
0
votes
2answers
55 views

Is Linking to a Contact Form a Web Accessible Solution for a Live Chat Button?

I have a website that has a "Contact Us" button that opens a live chat window. It looks like this: This particular live chat provider is not accessible to those with disabilities. We contacted them ...
4
votes
1answer
231 views

Do red “destructive” buttons hurt accessibility?

My organization currently uses red buttons for destructive actions, e.g. Delete A or Revoke X. I'm wondering if this hurts accessibility, given that our primary CTA buttons are blue and our secondary ...