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
4
votes
1answer
86 views

WCAG guidelines for displaying a statistic and its value? (in HTML)

Apologies if UX isn't the right place for this, I am a UX designer but this is maybe dabbling a bit into front-end development. I am working on just producing some HTML/CSS components for a client ...
0
votes
2answers
72 views

Can a heading be a substitute for labels?

Chrome's Lighthouse keeps on reporting "Form elements do not have associated labels", which web.dev gives more information on: Labels ensure that form controls are announced properly by assistive ...
0
votes
1answer
342 views

How many input fields in one row of a form?

I’m currently designing a template for forms on a governmental website. This kind of template can contain lots of input fields so I don’t want the user to scroll a lot. Also, the forms are in a slide-...
3
votes
1answer
54 views

Dropdown that takes instant action on a web app - is this an accessibility or usability issue?

Dropdowns that take action on websites were frowned upon years ago in that users of screenreaders didn't necessarily want to activate an item in a dropdown as they navigated through the dropdown to ...
12
votes
3answers
327 views

Making design thinking accessible

There is always a lot of talk about using design thinking as a launching pad for accessible design, however, I rarely hear about people talking about making the design thinking exercises accessible ...
3
votes
1answer
76 views

Best practice for abbreviated words in navigation links?

For our site main nav, when a smartphone user enlarges font size, I'm considering switching the text of nav items to an abbreviated "short text" version, e.g., "Continuing Professional Education (CPE) ...
3
votes
1answer
90 views

How should dyslexia-friendly headings, sub-headings, paragraphs and button texts took like?

I haven't found any clear resources online to be able to figure out what makes any web test truly dyslexia-friendly. I hope you guys can share valuable information here.
1
vote
1answer
37 views

Labeling and using links that have alternate Spanish translation

I need to convey to the user that a link presented in English to a site or doc is also offered in Spanish. What's the best way to show this? Visualization through parenthetical (Espagnol), a flag?
8
votes
1answer
4k views

Accessible way of notifying a screen reader about loading the dynamic Web page update (AJAX)

The rise in the use of AJAX to dynamically update the website instead of using standard hyperlinks and separate Web pages has resulted in accessibility problems for users of assistive technology (e.g. ...
2
votes
1answer
54 views

Accessibility when embedding PDF in Word document

I'm creating a Word document at the moment, and there are a number of existing documents that need to be included as appendices. Some of them are Word documents, some are PDF. The most consistent ...
1
vote
2answers
139 views

How do I convince my boss that too many link colors are bad for accessibility?

I work at a really small company making websites for a specific clientele, an older female audience. My boss, also the lead Art Director, uses lots of different colors for links across an entire ...
3
votes
1answer
431 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 ...
4
votes
1answer
92 views

Onomatopoeia accessibility

I have such a hard time making onomatopoeias accessible. The copies of the product have words like "omg", "mmmm", "wow" and I would like to make them accessible for all user using a screen reader, ...
4
votes
1answer
104 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 ...
2
votes
1answer
83 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 FALSE, HOLD or TRUE. I have tried to represent it here in table format. Variable ...
2
votes
2answers
535 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
66 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 ...
2
votes
2answers
269 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 ...
1
vote
1answer
263 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 ...
6
votes
1answer
1k 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 ...
4
votes
3answers
147 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
161 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, ...
2
votes
1answer
467 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, ...
116
votes
7answers
10k 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
126 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 ...
3
votes
2answers
120 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....
4
votes
6answers
829 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 ...
1
vote
0answers
70 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 ...
1
vote
1answer
134 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
220 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
356 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 ...
4
votes
2answers
123 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
75 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
53 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 ...
2
votes
2answers
194 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
48 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
153 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
156 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
123 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
67 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
82 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
107 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
93 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
879 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
153 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
76 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
136 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
38 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
572 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 ...
5
votes
3answers
967 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 ...

1 2
3
4 5
15