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
24 views

How to design a responsive screen for the browser? [closed]

How to design 50%,150%,200% responsive screen for the browser?
1
vote
1answer
46 views

Why is the keyboard navigation and selection different for a group of checkboxes vs radio?

We are working on a multi-step survey flow that involves both single select radio options and multi-select checkbox options. We want to make sure it is easy to use for Keyboard users and have been ...
3
votes
1answer
74 views

Accessible successful status message

I'm working on a screen where it is like an order form and has a functionality to allow user to save the details they input as a draft. Upon saving the details, I want to display the message that the ...
1
vote
1answer
74 views

Fixed desktop navigation at the bottom

Navigation at the bottom on mobile is quite popular. However, it hasn't been adopted on desktops much. Is there a reason other than users know to look at the top? Obviously, for a government or big ...
0
votes
3answers
151 views

Should we explicitly alert the user that an operation they performed was successful/unsuccessful, even though it's implicitly obvious?

We have a few buttons on our website that when clicked do somethings that are obvious (download a file, open a new tab etc) but don't actually change anything on the webpage. The answer here https://...
2
votes
1answer
111 views

Using text-shadow for accessibility

I'm interested in understanding whether there has been any research or confirmed values for using the text-shadow property with the goal of meeting WCAG minimum colour contrast values. In my ...
0
votes
0answers
87 views

Why is Amazon using Text Fields instead of Radio Buttons for mutually exclusive options?

I have been trying to return an item on Amazon, and this window popped up asking me to fill in the bank details. Although they have used Radio Buttons in the first line for Yes/No question, Account ...
1
vote
1answer
103 views

Do PDF menus on restaurants' websites make the site not fully accessible?

I'm a UX/UI Design student working on a competitive audit. I'm checking the accessibility of the websites with a screen reader and noticed that restaurants usually have a PDF menu which is not ...
1
vote
1answer
37 views

Accessibility for charts

We have several charts of different types across our application (donut, bar, line) that have their data fed in through APIs based on user selection (and therefore I have no control over the amount of ...
16
votes
1answer
3k views

Is it acceptable to allow users to navigate through web fields using arrow keys?

The scenario: A 20+-year-old legacy desktop system is being uplifted to a SaaS/web platform. Each screen contains a large amount of input fields. Traditionally, users have built "muscle memory&...
1
vote
2answers
121 views

Where do I place a side navigation panel for wide screen displays?

I'm building a UI with a side panel for navigation links. The content of the page would have a max-width while the sidebar stays fixed when scrolling the content. I'm not sure where to place the ...
2
votes
1answer
40 views

Visually hidden labels, usability, accessibility and WCAG 2.1 compliance

I'm trying to understand how visually hidden labels fit within the accessibility and the WCAG 2.1 spec. It seems to me that as long as an input has a programatically associated label (whether that be ...
23
votes
5answers
3k views

Why would the search input field not get focus when the page is loaded?

Opening up google.com I see that the search input field gets focus automatically, i.e. the cursor is already blinking in the field and users can start typing right away. In contrast, amazon.com or ...
2
votes
1answer
45 views

How to lead AT users from non-accessible content to an accessible alternative

The Drupal website I'm working on has a traditional grid style calendar. The main view of the calendar is based on the Full Calendar JS library. After testing it with a screen reader I decided it wasn'...
1
vote
2answers
179 views

How to make tables accessible

The main issue is that if some cells are NOT clickable and others are, then it will be a poor user experience if user tries to click on the cell and nothing happens. I need some help in writing labels ...
2
votes
2answers
63 views

WCAG 2.1 Compliance: How does it apply to password-protected web and native apps

As stated in the title, I'm curious if anyone has resources explaining (or experiences with) any adjusted WCAG criteria for "gated" applications. Does something being behind a password wall, ...
4
votes
2answers
88 views

Is using the @ (at sign) an acceptible replacement for the word "at" for screen readers?

When thinking foremost about accessibility, is there any issue in replacing the word "at" with the @ (at sign)? Example 1: "meet me @ 2pm" vs. "meet me at 2pm" Example 2: ...
2
votes
1answer
62 views

Help on separating terms in autosuggestion [duplicate]

I was working on a solution where we introduce an autosuggestion component to our users so we can enable them to fill the required information in a better way. This list use more than 1000 words in ...
0
votes
1answer
108 views

Best design for product list page of an e-commerce website

I am working on an e-commerce website. I want to display the summary of search result and want to know which layout is the best? The information that I am sowing are: Ad title Price Location ...
-1
votes
1answer
80 views

HTML Elements to use with Image and Text used as a link

What are the correct HTML elements instead of just a div to use when presenting an image and text just below as one link? I would like for the image and text to be presented in an a11y correct manner.
2
votes
0answers
53 views

Should keyboard focus restart at the top of the site after navigation in a single page app?

In a traditional website, the entire webpage is reloaded after a navigation event, so the user's focus always restarts at the top of the document—in our case, that means the first Tab press would ...
1
vote
2answers
148 views

Should screen readers read the content without tab or with tab?

I am designing a web application, which can be accessed by any visually impaired person. This web application contains various pages, and each page can have paragraphs with links, form input fields, ...
3
votes
3answers
71 views

Keyboard navigation over repeating informational elements

I have a UI like this. The user navigates through a list of people. To the right, there are two labels: Assigned and Active. A mouse user can click on the label to see some help text, as shown on the ...
1
vote
1answer
71 views

Automated opt-in accessibility, is this viable?

A client I am working with wants to make use of an automated accessibility solution in order to meet compliance standards. Particularly, they've mentioned AccessiBe. I've got no experience with such a ...
2
votes
0answers
45 views

Direct voice interactions examples in use as an alternative to voice assistants

After reading an article explaining the difference between using your voice to controlling the UI (i.e. direct voice interaction) compared to dealing with a voice UI (e.g. chatbots or voice assistants)...
3
votes
3answers
516 views

Is a bottom sheet with no close button accessible?

I'm using a bottom sheet. On Android, people can use the back button to close it, drag it down or tap outside the area. On iOS, people can drag it down or tap outside the area. I'm just wondering if ...
3
votes
2answers
86 views

Does adding a "title" attribute to the "label" element instead of the "input" harm accessibility?

I'm creating an HTML interface that has an input text field with a label attached. The label has a short name for the input and I want a more detailed description to appear as a popup for visual users,...
3
votes
3answers
80 views

What term best describes focus on a low barrier to entry for an application?

I am building an application that I would like to describe as being accessible in the sense of having a very low barrier to entry. By this I mean it's an online tool that you can start using ...
2
votes
2answers
53 views

Opinions on stretched-links and alternatives?

Stretched links allows to have a whole block as a link (without having to wrap all the content in the <a>, which would achieve the same by the way) One issue I see is that you can't select text ...
1
vote
2answers
112 views

One label for multiple fields?

I'm not very familiar with the accessibility and I need help for situation where I have multiple field and every field has same question. Is it ok to put all field under one label? For user who can ...
0
votes
1answer
77 views

How should a screen reader pronounce links and buttons?

When a screen reader reads links, should they be pronounced as 'Link button', or 'Link'? Example: Show more... (a link): should the screen reader say 'Link button', or 'Link'? Also, how should the ...
1
vote
1answer
54 views

Does animated arrow on link hover violate WCAG 2.2.2 Pause, Stop, Hide?

If a link has an animated hover state, e.g. an arrow that moves from left to the right and back, or as is in this example on CodePen is it still compliant with WCAG 2.2.2 Pause, Stop, Hide guideline? ...
1
vote
1answer
44 views

Translation of Annual and Monthly pricing as "mo" and "yr"

I'm curious if anyone knows if abbreviating monthly and annual pricing as "../mo" and "../yr" will translate into all other languages? For example, if I display pricing to users as ...
1
vote
1answer
35 views

What constitutes "web content" and "authoring tool" for the purposes of the VPAT?

I'm filling out a VPAT for our company's product and having some difficulty understanding the terminology. Our product is an integration tool for flowing data between different systems. The frontend ...
0
votes
1answer
77 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
164 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, ...
2
votes
3answers
126 views

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
1answer
39 views

How to design a form for accessibility using ARIA? [closed]

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
74 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 ...
1
vote
2answers
129 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
73 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
165 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 ...
1
vote
1answer
62 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
64 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
59 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
213 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
119 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 ...
5
votes
1answer
177 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
63 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 ...

1
2 3 4 5
15