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
0answers
51 views

Are social media Apps WCAG Compliant?

I have a use case where I need to show 10 error messages in one modal for a particular functionality if there are any errors. The current proposal is To show user which error message user has checked ...
0
votes
1answer
21 views

Accessibility - SC 1.4.4 - Placeholder text not visible when browser zoom is set to 200%

I have a question regarding SC 1.4.4 Resize Text for Placeholders for inputs. I am not for the design we currently have, but have to work a solution with whatever design I have. The first row in the ...
1
vote
4answers
84 views

Does including a Konami-code triggered Easter Egg negatively impact keyboard accessibility?

On an open-source project I'm involved in, one of our devs added a mini-game for April Fools Day, which could be opened and played by pressing the Konami Code sequence on your keyboard (up, up, down, ...
1
vote
2answers
51 views
+50

Is it accessible to have lists without a heading, assuming previous lists do?

Assume this HTML structure: <h2>Our latest News and Events</h2> <ul> <li>news item 1</li> <li>news item 2</li> <li>news item 3</li> </ul&...
1
vote
0answers
16 views

How to design a form for accessibility using ARIA?

I'm redesigning an application form and want to make sure it is as accessible as possible. I'm not an expert in accessibility by any means, but I am trying to mark up the design for developers to code....
1
vote
0answers
70 views

Patterns for adjusting settings which may hinder the user's ability to adjust that same setting again

This question is about those self-referential settings where the ability of the user to control a device, say: using a mouse cursor, or viewing it on a monitor screen is itself affected by the ...
0
votes
2answers
82 views

Is there a standard keyboard only method of removing focus from all HTML form inputs?

When navigating an HTML form using Tab, a properly designed form will allow that all interactive elements are accessible and focusable, but how does one break out of the focus using the keyboard? ...
0
votes
1answer
44 views

Dark mode - dark blue instead of dark gray/black?

My company’s app currently doesn’t have a dark mode and we’d like to support that. When I was reviewing my dark mode palette with my fellow designers, they weren’t so keen on using a dark gray ...
2
votes
1answer
112 views

Image comparison sliders and visual accessibility

I am creating an image slider for a site, and I am confused on how to successfully meet wcag requirements. Below is an example that conveys the idea of what I am creating. I have read a couple ...
0
votes
1answer
37 views

Tabbing into a hidden navigation menu

This is a question about the interaction between navigation via keyboard (tabbing) and initially-hidden navigation items. I’m asking from both a UX and accessibility perspective. My site has a slide-...
1
vote
1answer
47 views

Scrollable container - Accessibility

we are hoping to use a scrollable container in the terms and condition section. The container is NOT iframe and we will make it with overflow hidden CSS. I need your thoughts only from the ...
2
votes
1answer
55 views

Accessiblity and labeling multiple buttons

I'm working on a mobile app. I have a list with multiple groups and at the end of each group, there are some buttons. I'm not sure what the screen reader should say when focusing on the buttons. The ...
12
votes
3answers
3k views

Is alt text required for an image if the information is present elsewhere on the page?

For example, if a page's sole purpose is to describe the contents of an image (e.g a photograph of a document is displayed on the page, and the page displays the contents of the document), is alt text ...
0
votes
1answer
100 views

Pie chart colors accessibility

I have to find colors for a pie chart that look nice and are accessible at the same time. I found that pastel colors look nicer than bright bold colors. But for different kinds of color blindness, ...
3
votes
1answer
116 views

a11y - Captioning for videos with accompanying text and no audio

We sell a widget. And we're building a webpage for the widget. We have a section on the webpage where we want to show a text description of a feature of that widget, and below the description, we show ...
3
votes
1answer
108 views

Why do many prominent web apps use blue primary button with white text, when it fails the WCAG 2.1 contrast threshold

WCAG 2.1 says to have a minimum contrast ratio of 4.5:1, but blue primary buttons of Twitter, Figma and Outlook have white text which fails to cross the threshold ratio. Is there another scientific ...
3
votes
2answers
40 views

Should a Carousel hide visibly hidden content from screen readers

There's a carousel on the site I am on which does as most accessible carousels, visibly hidden items are also hidden from screen readers (in this case using aria-hidden). This seems to be the normal ...
3
votes
1answer
43 views

Most visible wavelength/ color for mesopic vision

Is there an established study that demonstrates which is the most visible wavelength range under Mesopic Vision conditions? Ideally, they shouldn't refer to Scotopic Vision (since I have enough data ...
2
votes
1answer
37 views

Design and implementation of right-to-left or left-to-right for web applications

To me it seems to be a rare sight, but I did notice that on the Material UI framework website there is a toggle/button to switch between left-to-right and right-to-left orientation of user interface ...
0
votes
1answer
29 views

Mobile app accessibilty: bottom sticky footer when there is a long scrolling feed [closed]

Our native mobile app has a long facebook-style feed on the first screen with four tabs in a sticky footer. How do we make those tabs easily accessible while using a screen reader? The feed is not ...
1
vote
1answer
49 views

Is specifying link colours a violation against WCAG's Success Criterion 1.4.8?

The text of the WCAG's Success Criterion 1.4.8 page says: Success Criterion 1.4.8 Visual Presentation (Level AAA): For the visual presentation of blocks of text, a mechanism is available to achieve ...
1
vote
1answer
74 views

Using aria-label on heading tags

Is it wrong to use aria-label on heading tags? h1, h2, h3 etc. I'm working on a frontend, most titles are reasonable in length roughly 80 characters in length, the longest title is 480 characters. So ...
3
votes
1answer
85 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
43 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
108 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
146 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 ...
1
vote
0answers
70 views

Let screenreader know about content prior to focus location [closed]

Consider the Amazon search bar: it has a drop-down at the beginning that lets you select which department to search in, then the search input, and then the search submit button. I'd like to have a ...
8
votes
3answers
852 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
102 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
100 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
33 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
26 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
149 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
38 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
40 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
42 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
43 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
78 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
56 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
40 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
51 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
58 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
42 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
103 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
61 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
24 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
36 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
101 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: ...

1
2 3 4 5
15