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

Accessibility slider with no min/max values

What would be the best instructions for a slider that has no min/max value. For example, you are either all the way to the left or right of a question asked. You could also be in the middle, or ...
user avatar
  • 1
1 vote
1 answer
82 views
+50

What is the accessibility of design tools? Any research or analysis of whether they meet accessibility guidelines?

There is a lot of focus on accessibility and inclusive design in websites and mobile phone apps, but the topic of accessibility shouldn't just be limited to the users. However, I am sure that there ...
user avatar
  • 25.3k
0 votes
2 answers
61 views

Background video & accessibility of text overlays

I have a situation with an autoplaying video banner (you know the type, full screen html background element) where there is text overlayed on top of it -- common in marketing landing pages and their ...
user avatar
  • 1
-1 votes
0 answers
39 views

Okay to open modal via anchor with valid href? [migrated]

We have a bunch of modal dialogs in our application. When a user clicks a button it fetches the modal content from the server and displays it to the user. The way that it is structured, in order to ...
user avatar
  • 99
5 votes
1 answer
139 views

Does Wordle's high contrast mode confuse the meanings of the colors for colorblind users?

The popular word game Wordle, includes a high contrast mode in the settings for "improved color vision". It turns the usual green and yellow color cues into more contrasting orange and blue. ...
user avatar
0 votes
2 answers
73 views

Which guideline includes Accessibility when using Nielsen's Heuristics?

We've been tasked with performing a heuristic analysis for a project, and the requirements specifically include the use Nielsen's heuristics. Although this isn't a problem for us, we usually use a ...
user avatar
  • 32.7k
2 votes
1 answer
44 views

Any UX implications: Smart quotes and apostrophes when pasting from Word?

I have a question that I've found very little info on and it's only lately I've begun to become more curious about it. Our web team normally copies content from Word into a CMS to update the website. ...
user avatar
2 votes
2 answers
484 views

Would this design be considered accessible?

I'm currently working on an app directed towards people with physical disabilities, and I have been trying to follow the guidelines of material design for accessible apps. The problem comes with this ...
user avatar
0 votes
0 answers
37 views

On IOS have the back button but also we have one more small back button to switch from app to app, on Android how do they work?

please help me explain my concern Please tell me what is the back link in the red circle that is only available in ios and no in android, how do they work? I have tried all sorts of ways to compare ...
user avatar
0 votes
1 answer
72 views

What HTML should I use for a rated theatre review? [closed]

I'm authoring a reusable widget, in HTML, that reflects a common pattern often seen in theatre reviews. The widget is quite simple, with minimal components, namely: A star rating, The review itself ...
user avatar
  • 153
0 votes
3 answers
94 views

Accessibility of Icon Buttons?

I have a challenge: I'm working on a project and I used icon buttons. Someone said icon buttons are not accessible because they don't have labels. ARIA and some HTML techniques can achieve ...
user avatar
0 votes
3 answers
33 views

What markup should I use for a form confirmation page / last step in wizard?

We have several multistep forms (wizards?), and in the last step it summarizes what you have filled out so you can read through it once more before you actually submit/confirm. For styling, these were ...
user avatar
  • 275
1 vote
2 answers
72 views

Mobile accessibility - gestures

I'm designing a progressive web app that we expect people may frequently use on their mobile devices. Some of the interactions that have been discussed are using things like long-press, or holding ...
user avatar
  • 642
0 votes
2 answers
55 views

Best UI display of a company's product name with logo containing words for accessibility

I am working on company's product where the name of the product will show in many views in the UI. The product's name has a logo with words only. The logo is small 20 -20px and and contains part of ...
user avatar
  • 195
0 votes
1 answer
51 views

How to make an accessible RWD multi-level main navigation without hamburger menu?

I am currently working on a project to redesign a website for a large government organization. Therefore, meeting WCAG Level AA criteria is essential. I make it a point to use fewer labels on the main ...
user avatar
  • 3
0 votes
1 answer
73 views

Should fieldsets be nested for yes/no questions?

Forms with yes/no questions that reveal new questions depending what you select... Is it "most correct" and most useful for those who are dependent on accessibility to have the new questions ...
user avatar
  • 275
0 votes
1 answer
55 views

Neckbeard dev seeks answers to form accessibility brief: conditional input zones on ∞ rows

Forgive me for having a bit of difficulty articulating the UI and design goals that I've been handed, but I need to appeal to the hive mind to find out best practice re usability and accessibility for ...
user avatar
  • 103
0 votes
2 answers
107 views

Carousel accessibility best practices

I am trying to design a new carousel component but struggling to figure out any accessibility best practices. These are some of the things I am trying to think about: Pagination indicators Should ...
user avatar
0 votes
1 answer
54 views

How do you create both sufficient contrast and a harmonious outcome for text on different tints of the same color?

Here are two examples. One is a table, the other an illustration. Both use different tints of the same color with text on top. How do you change the color of the text across these tints to be both ...
user avatar
0 votes
0 answers
47 views

Users unable to use 2FA/MFA

We are currently developing a registration/account creation process for our website where 2FA/MFA is the route we wish to guide all users down There may be scenarios where a user is unable/unwilling ...
user avatar
  • 183
0 votes
1 answer
58 views

Alternatives to a Product Add-On Carousel

I have started updating my companies website to be more accessible and as I began to work on our carousel slider I ran into numerous articles stating that carousels should be avoided all together. ...
user avatar
0 votes
1 answer
39 views

Accessible HTML5 markup for side notes / remarks / person's affiliation

I have an HTML5 document which includes content such as Presenters: John Doe1, Jane Doe2* ( lots of text) (...) 1: University of Foo 2: Institute of Bar *: Presenting author So there are side ...
user avatar
  • 101
1 vote
1 answer
35 views

Do line numbers in a code theme need to meet WCAG AA contrast?

We're designing a custom code theme which displays line numbers, and we're having some internal debate whether these line numbers need to meet WCAG AA contrast guidelines? They're not the main body ...
user avatar
0 votes
1 answer
45 views

Accessibility for a select tag that dynamically changes the URL of the following anchor tag [closed]

I have a simple anchor element and a script (not shown) that will dynamically change the URL of the anchor element when the select tag is changed (to the url in the data-url attribute): <select> ...
user avatar
0 votes
1 answer
85 views

Can a collapsible card have move/drag functionality?

While working on a sidebar panel of an application, I have encountered a unique problem. A user needs to create steps (think in terms of creating an online course via a builder). One can add as many ...
user avatar
1 vote
1 answer
57 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 ...
user avatar
  • 381
3 votes
1 answer
101 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 ...
user avatar
1 vote
1 answer
88 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 ...
user avatar
  • 13
0 votes
3 answers
160 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://...
user avatar
2 votes
1 answer
271 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 ...
user avatar
0 votes
0 answers
102 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 ...
user avatar
  • 3,540
1 vote
1 answer
123 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 ...
user avatar
1 vote
1 answer
51 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 ...
user avatar
  • 183
16 votes
1 answer
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&...
user avatar
  • 8,909
1 vote
2 answers
269 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 ...
user avatar
  • 121
2 votes
1 answer
64 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 ...
user avatar
  • 253
23 votes
5 answers
4k 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 ...
user avatar
  • 8,656
3 votes
1 answer
70 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'...
user avatar
1 vote
2 answers
242 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 ...
user avatar
  • 11
2 votes
2 answers
79 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, ...
user avatar
4 votes
2 answers
92 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: ...
user avatar
  • 2,336
2 votes
1 answer
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 ...
user avatar
  • 131
0 votes
1 answer
115 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 ...
user avatar
-1 votes
1 answer
126 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.
user avatar
2 votes
1 answer
118 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 ...
user avatar
2 votes
2 answers
433 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, ...
user avatar
  • 23
3 votes
3 answers
73 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 ...
user avatar
  • 333
1 vote
1 answer
89 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 ...
user avatar
  • 113
3 votes
0 answers
52 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)...
user avatar
  • 25.3k
3 votes
3 answers
1k 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 ...
user avatar
  • 31

1
2 3 4 5
16