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.
858
questions
0
votes
1
answer
279
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 ...
- 12k
0
votes
1
answer
565
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 ...
- 3,245
0
votes
1
answer
80
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 ...
- 3,245
1
vote
1
answer
193
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 "...
CommunityBot
- 1
6
votes
3
answers
496
views
Omiting label element on self-explanatory form
I have a form that consists of an input box and a button. The button says "Search". For sighted users, it seems that no label element is required for the input box as it is obvious that you enter ...
- 2,443
0
votes
0
answers
74
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 ...
- 183
3
votes
1
answer
635
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 ...
- 26.7k
2
votes
2
answers
155
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: ...
3
votes
2
answers
254
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....
- 105
1
vote
2
answers
622
views
Should user uploaded images have alt tags?
Situation
Our product has a messenger where you can upload images. We want our product to be accessible. However, user uploaded photos may not necessarily have alt= tags in them.
What do we do?
...
- 105
19
votes
3
answers
11k
views
What should the ALT text be for an image that is also a link?
An image alt="" text should contain information about that image in the context of the page, so for instance if you have an article about cats on skateboards and then a photograph of the cat on his ...
- 105
0
votes
1
answer
81
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 ...
- 2,588
1
vote
1
answer
51
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 ...
- 2,588
65
votes
10
answers
24k
views
Is a cancel button necessary in a web form?
Personally I have never used it. I don't put information in a form and then decide everything needs to be cleared. I would edit one field.
Plus cancel in a UI suggests canceling an action which is in ...
2
votes
2
answers
1k
views
Forms with conditional sections - Accessibility
Business banking space. I have a very long form, broken into multiple sections, across several pages, with Save, etc.
We only support Eng and Fre as languages. But the business could be anywhere, so ...
7
votes
1
answer
1k
views
Accessibility and required form fields
As the years have gone by, I've noticed that the usage of the "*" for required on form fields has steadily vanished.
Are there rules in accessibility that require "require fields" to have an ...
CommunityBot
- 1
0
votes
1
answer
169
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 ...
- 4,603
0
votes
1
answer
231
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>
...
- 3,245
30
votes
2
answers
20k
views
Formula for color contrast between text and background
In my Android app a user can choose the color of an item. This color is then shown in background with a text on it. I want to display the text either in black or white - depending on the background ...
- 71k
1
vote
1
answer
166
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 ...
CommunityBot
- 1
4
votes
1
answer
99
views
Conveying another user's vision impairment
I'm developing a serious game for collecting behavioral data and I need to convey to each player some status information about the other players in the game. One piece of information I wish to convey ...
CommunityBot
- 1
1
vote
1
answer
285
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 ...
- 8,888
20
votes
5
answers
16k
views
Percentage of screen readers users in USA?
"Percentage of screen readers users in USA" : Is there a place where I can find such statistics ?
A more global statistic that would still be good too.
I came across this page but I could not find ...
- 271
18
votes
3
answers
3k
views
Accessibility: How to track peoples with disabilities on websites?
Is it possible (and How?) to track people with disabilities on websites? I want to know how much people on my website use a screen reader, use plugins for easier reading and surfing on websites, use a ...
3
votes
1
answer
296
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 ...
- 2,588
5
votes
1
answer
208
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 ...
- 81
0
votes
3
answers
183
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://...
- 576
1
vote
1
answer
115
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 ...
- 285
2
votes
1
answer
931
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 ...
- 2,064
0
votes
0
answers
187
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 ...
- 3,599
1
vote
1
answer
135
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 ...
- 2,588
1
vote
2
answers
357
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?
...
- 19.5k
17
votes
1
answer
4k
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&...
- 2,588
1
vote
2
answers
1k
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 ...
- 41
14
votes
7
answers
18k
views
Why don't we use Left navigation for website?
Left navigation is becoming a more widely used trend in Web Applications; for example, it is utilized by Zoho Books, Slack, Gmail and others.
More valid reason to move Left navigation, like screen ...
- 372
20
votes
11
answers
9k
views
Scrollbar on the left
Is there a deep study that suggests to place a scrollbar on the right? Personally I move it to the left whenever possible (Firefox allow this, as well as xterm and emacs).
I know that placing a ...
- 980
2
votes
1
answer
537
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 ...
- 3,245
24
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 ...
- 596
0
votes
1
answer
152
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 ...
CommunityBot
- 1
3
votes
2
answers
1k
views
Should you paginate content for screen readers or allow the user to navigate on their own?
While working on a SPA, it often comes up that we paginate content to reduce UI complexity, even though the other "pages" are already available.
Thinking about this from a keyboard or screen reader ...
- 499
2
votes
2
answers
162
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, ...
- 778
3
votes
1
answer
1k
views
Side-by-side code diff view UX
I'm working on code diff view design, and would like to gather your opinion on two existing patterns.
Below are screenshots of two different side-by-side diff view designs.
One is leaving white ...
3
votes
3
answers
78
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 ...
- 176
4
votes
2
answers
150
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: ...
- 3,245
2
votes
1
answer
4k
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,013
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 ...
- 2,205
8
votes
2
answers
7k
views
For correct accessibility, how should I title an iframe?
We've recently begun using Google Tag Manager on our site, as well as using a tool that tests accessibility.
Running our site against WCAG 2.0 Level A results in an error (WCAG 2.0 Level A 2.4.1 and ...
CommunityBot
- 1
0
votes
1
answer
136
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
...
- 2,588
-1
votes
1
answer
493
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.
- 18.3k
10
votes
7
answers
19k
views
Which fonts are designed for accessibility and good screen legibility?
Ideally I need something that has been specifically designed for easy reading on displays. Accessibility is key really.
Does anyone have a suggestion for a good webfont that looks fairly similar to ...
- 101