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
3
votes
1answer
89 views

WCAG 3.0 structure and assessment criteria benefits in current practice

Even though it is currently in draft form, the WCAG 3.0 document is looking to be more user-friendly and easier to assess compliance against. I think the change in the document structure and language ...
16
votes
3answers
2k views

Why red and blue boxes in close proximity seems to shift position vertically under a dark background

For me (wearing glasses) the red box below appears to be slightly above or below the blue one, depending the angle I'm viewing it. Some of my colleagues don't see it and some do. Not all wear glasses. ...
2
votes
1answer
64 views

Order of list boxes in a dual list box

A dual list box is a component-based on two list boxes placed together that allows adding, removing, and ordering items. According to Kaley from the nngrounp: "The Listbox on the left holds ...
3
votes
1answer
201 views

Accessibility and Autoscroll

I have a scrollable list of items, with a possibility to add a new item to the list. The new item always appears on the top of the list. Also in order to inform the user that an item has been ...
0
votes
1answer
182 views

How do I make a dropdown select accessible?

What I mean by dropdown is the implementation found in Bootstrap and other common front-end frameworks. I want to replace <select> elements in my forms with dropdown menus because I need the ...
8
votes
3answers
956 views

Accessibility of tables without borders

Does having a data table without cell borders affect accessibility and usability in any way? I can't seem to find an answer online. Having borders definitely increases readability. Can we say it is a ...
4
votes
2answers
123 views

Color standards for seat booking

I am working on an application with a seat booking UI. Are there visual standards, colors in particular, for conveying the type and state of each seat? Examples of seat types: standard, accessible, ...
1
vote
1answer
315 views

Does a skeleton loader need to be accessible?

Are there concrete guidelines about accessibility in skeleton loaders? How might we design them to be more accessible?
0
votes
1answer
34 views

Why do some emails include a link to the same destination as the button right above them?

Can someone explain the purpose behind this practice? Is it an accessibility issue and is this practice outdated? For example: "If you have trouble with the link above, copy and paste this URL ...
0
votes
0answers
30 views

Accessibility guidelines for mobile web map interactions

Currently working through a map experience for mobile web and was hoping someone could provide me with a little clarity on accessibility guidelines. Specifically, what are the the most inclusive ...
2
votes
1answer
347 views

(Accessibility) - Back button placement on the page in SPA

I am working with an SPA with Angular and the designs indicates that there is a back button and it is before the Page level heading usually the H1. For SPA, it is a general practice that we place the ...
2
votes
1answer
53 views

HTML Aria function not being read by screen reader - Bad design?

I'm looking into how accessible some websites are using WebAIM's WAVE tool. Many websites nowadays use the burger menu symbol to indicate the menu (YouTube and Gmail for example) and often I see the ...
1
vote
2answers
42 views

link between a website's accessibility and an increase in user experience

I'm trying to find a scholarly article which demonstrates a link between a website's accessibility and an increase in user experience. Google only returns 1 result for +accessibility +website +"...
2
votes
1answer
50 views

What level of compliance does a chart with patterns have in WCAG 2.1?

The following is an example of a chart using patterns. When a chart uses patterns (instead of plain colors) to separate sections, in which category of WCAG levels does it fall – A, AA or AAA?
1
vote
2answers
53 views

Slider and Input for same Value - Should both be tab-selectable?

I'm working on a form where users are able to select a numeric value both with a range slider as well as a numeric input. (See mockup below) Both inputs have to stay in the form which is a design ...
1
vote
2answers
84 views

What would be most efficient way to search through database tables and pick columns?

I am tasked with designing a modal screen where data scientists and business analysts should select different tables from database and then if necessary narrow down the selection by (optional) ...
1
vote
2answers
58 views

Accessible non-english website: what input element attributes in native language?

I'm making an accessible Dutch language website. As a rule variable names in code are in English because not all programmers are Dutch natives. Do any of the attributes of input fields have to be in ...
1
vote
1answer
41 views

How important is zooming in and out (cmd + , cmd - ) for websites (Desktop view) in terms of accessibility?

I am working on a website at the moment and someone else is in charge of the HTML/CSS side of things. I've noticed it's not possible to zoom in and out with the browser function of cmd and + or -. The ...
1
vote
1answer
62 views

Should a web-app page title appear on every page, even with the current page highlighted in navigation?

I'm facing a dilemma with other designers within our team about whether the main page frame of our web app should iterate the title of the page itself at the top left corner or if it should not exist.....
1
vote
1answer
60 views

Image formats and resolution - for Low Bandwidth Web Apps

I have a Business Requirement for remote place system (app) accessibility of the web application. More specifically, The user of this application should be able to access this application from remote ...
22
votes
3answers
2k views

Selected radio button shows user more content

I tried to search info for my question but I didn't found it. I think I just can't find right search words because this doesn't feel to be very rare case. If you have topics about this I would like to ...
1
vote
1answer
46 views

Page of carousels - Skip links / best keyboard navigation

This question relates to UX with keyboard navigation and a11y for screen reader users. We have an app that uses multiple carousels of movies, similar to Netflix or Disney+, with their respective ...
1
vote
1answer
246 views

How a "disable animations" button should look like?

As it I've been asked to add a button to disable animation on my website, according to the WCAG animation criterion (https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html). The ...
2
votes
2answers
69 views

Validity of PDF for image description

I am talking about a site in which certain images contain mission-critical information. I was wondering: would a solution in which a PDF file is replacing an image description (and ALT) ever be ...
1
vote
1answer
26 views

Reply screen design / element placement for tablet app

This mobile tablet app displays full screen photos with a reply button. When the user (a senior over 65 years of age) clicks reply, a modal reply screen slides up from the bottom as shown below. ...
0
votes
1answer
40 views

Accessibly of input field's frames

When I look around, I see many websites, apps, and forms consist of text-fields that have a grayish frame. Do text fields have any accessibility rules when it comes to frame's contrast? Is it ok to ...
2
votes
1answer
104 views

Should alt text be added to an image of a person for WCAG compliance?

Question I am trying to comply with the WCAG accessibility rules for alt text attributes. The decision tree at the following link explains when alt text attributes are required and when they are not: ...
0
votes
1answer
98 views

Datagrid inline editing autofocus and accessibility

We have a data list on which we can directly edit. When clicking on the pencil, the line goes from view mode to a form. That mechanism works well for our users but doesn't feel fast enough yet. We ...
1
vote
0answers
30 views

What controls are in-scope of WCAG 3.3.2 Labels or Instructions?

Based on what I understand this criteria requires the visible label of an input to be clear and precise on what is the expected input, especially if the correct input requires special formatting. What ...
0
votes
1answer
130 views

How do you make a tab (or menu) less accessible?

We have a pop-up menu with 3 tabs. All three tabs rank in importance. When clicked on an element in a page, you get a pop-up with the first (base) tab active where you see all the information you ...
0
votes
1answer
69 views

Automatically detect preference for kilometers vs miles, or explicitly ask?

On my website / app I am currently using miles only to designate distances, and some European users have asked for the ability to have it use kilometers instead, as they are not very familiar with ...
3
votes
2answers
455 views

should buttons that look like links have the exact same keyboard accessibility?

We have a few use cases where we need to show something that looks like a link, but is actually a button. For example, consider this error message: Sorry we couldn't place your order. Please click ...
3
votes
1answer
73 views

Marking nodes in tree as important

I’m working on kind of explorer which has a tree hierarchy which consists of two types of nodes, first type is a category and second is a resource. Category can contain only resources and resources ...
2
votes
1answer
1k views

Card with Button or Completely Clickable Card

If a card has a button, the CTA will be clearer but it'll be more useful from usability point of view if the card completely clickable. So in mobile, will a card with button or a completely clickable ...
1
vote
1answer
319 views

Text link size in mobile

I have a debate with my team about the size of text links on mobile. On one side are standards of accessibility and minimum tap sizes for fingers. On the other is Apple.com sign-in page where we have ...
7
votes
1answer
146 views

What element to focus after user input on a chatbot?

This is similar to What element should have the focus after a search?, but not the same case. I'm building a chatbot with Flutter (mobile). This is the flow: Bot asks a question. User is presented ...
13
votes
3answers
2k views

How to understand the technical issues while designing?

For instance, I have two designs Design A like miller columns: Better experience, clear view, no training needed, can play however users want. Design B like stacked layer or tree view: Best ...
5
votes
1answer
2k views

Does WCAG (2.1) apply to native (iOS, Android) mobile apps?

WCAG stands for Web Content Accessibility Guidelines, but it never defines what is meant by "web content". Many of the success criteria are defined in terms of "user agent" as if they meant a web ...
29
votes
7answers
8k views

Colorblindness-friendly colors called "green", "blue", "yellow", and "red"

I need to choose a palette of four colors that satisfies the following two conditions: Colorblind people can easily distinguish all four of the colors. People with normal color vision can ...
4
votes
1answer
72 views

Best way to get a WCAG report for an Android App?

To ensure usability of our app and also to have something that we can present to the outside, we need to have a report on how accessible our app is. It has to comply at least to the WCAG AA standard. ...
21
votes
7answers
6k views

What is the clearest way to display "less than"?

I'm currently working a sliding filter in a UI that presents a "distance to" option. Which of the following would best in my situation? < 2.1 miles under 2.1 miles 2.1 miles or less Example:
2
votes
1answer
107 views

What to focus on after row deletion

I'm designing the keyboard navigation for a table/grid. Each row in the grid has a "delete this row" button. After a button is activated and the current focused parent row of the button is deleted, ...
5
votes
1answer
199 views

Accessibility testing (with Microsoft Narrator as screenreader)? Somebody here with some practical guidelines?

As a front-end developer in a small business agency ( < 30 developers) I am trying to be better at accessibility testing and screen-readers are a must then. I am a Windows user and also has access ...
3
votes
2answers
260 views

Tab selection vs Drop down selection

I'm trying to figure out what is the best UX that I could possibly implement for a mobile phone app. Either selecting of data via tab header or a dropdown. Solution 1 - Tab Header It is easy for ...
0
votes
1answer
187 views

WCAG 2.1 Reflow vs Resize Text

The WCAG 1.4.10 Reflow asks to support width 320 CSS pixels without horizontal scrolling. The requirement is written in such a way that an author can test for reflow on a desktop browser with typical ...
2
votes
1answer
43 views

Wcag 2.1 Success criteria-1.3.6

I am unable to understand the examples available on w3.org, which are: The links in the navigation of a website are marked up so that users can add their own icons. Icons on a website are marked up ...
0
votes
2answers
64 views

Are we thinking too much about how a user will interpret a photograph? [closed]

Here's something interesting that a friend mentioned while taking a look at a few websites I had mentioned. It's commonplace nowadays (with accessibility as rife as ever) to place a darkened overlay ...
0
votes
0answers
123 views

Mobile Screen Highlight/Tooltip Overlay - Feedback Loop

Context I'm working on a mobile app that provides real-time feedback on accessibility issues of other applications (not built or controlled by me) on the device, similar to Axe or Google's ...
4
votes
1answer
85 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
69 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 ...

1
2
3 4 5
15