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
2
votes
1answer
98 views

Why there are 3 lines in all types of menu icons?

I have noticed that all types of menu icons are using three lines or dots. From a UI/UX perspective, does it matter the number of lines/dots? For example if someone decides to use only one or six ...
2
votes
1answer
55 views

How to present fields where user enters a ratio (particularly for screen reader users)

Our team has been working on a new web app and one of the sections requires admin users to enter a ratio (for example 1:2 or 1.5:20 etc). I'm unsure of the best way to present the fields to all ...
0
votes
1answer
56 views

How to express multi condition rules with flow diagram or truth table

I have a below mentioned multiple variable which match with the other variables and gives output like TRUE, FALSE or HOLD. I have tried to represent it here in table format. Variable ...
1
vote
2answers
66 views

Video play button on overlay images

I recently came across a big play button on an overlay image for a video. Pressing the play button displays the player, but does not start (play) the video. The user needed to press play on the video ...
0
votes
1answer
37 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
89 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
49 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
182 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
113 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 ...
0
votes
1answer
92 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
106 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
95 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
90 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....
3
votes
6answers
452 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
24 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
171 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
234 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
87 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
66 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
42 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
94 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
122 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
56 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
45 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
74 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
187 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?
1
vote
4answers
71 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
70 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
117 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
31 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
144 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
170 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
75 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
235 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
170 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) ...
3
votes
5answers
1k 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
134 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
106 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
275 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
109 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
144 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
289 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
65 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 ...

1 2 3 4 5 13