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

Chrome Developer Tools -Accessibility

The Accessibility tab in Chrome developer tools run on a input without a label compiles to: aria-labelledby: Not specified aria-label: Not specified From label: Not specified placeholder: Not ...
0
votes
1answer
33 views

How to semantic/accessible create a list with “load more” button [closed]

Here basic example of what I'd like to do: HTML: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li hidden>Item 4</li> <li ...
1
vote
2answers
47 views

Where should keyboard focus go when a ‘load more’ content button is clicked

Where should keyboard focus go when a ‘load more’ button is clicked? On websites showing this functionality; either focus is moved to the top of the page when the button is clicked, or focus moves ...
0
votes
1answer
54 views

Behavior of Tab in a form

Is there a case where it makes sense to use Tab to trigger a search with a long form of search criteria? I work on complex applications in the medical field and the dev team wants to go from hitting ...
-2
votes
3answers
179 views

Examples needed: a toggle that shows a higher-contrast version of a site [closed]

Can someone give me examples of a feature that toggles to a high-contrast version of the website? I am only able to find 2 live website examples: https://www.smashingmagazine.com/?source=post_page-...
1
vote
3answers
102 views

Why WCAG 2.0 doesn't comply with its own line length criterion of 1.4.8?

WCAG 2.0 Success Criterion 1.4.8 clearly specifies that to achieve AAA conformance level, Reading content in a single line should not exceed 80 characters for non-CJK (Chinese Japanese & Korean) ...
2
votes
7answers
188 views

Does hover state button text need to meet accessibility guidelines?

I've got a basic understanding of accessibility and how it applies to visual elements of your product and I'm keen to apply guidelines as best as I can. My question is does the hover state button ...
0
votes
2answers
89 views

Popups default focus on button - best practice

Do we need to auto focus on any one of the buttons inside a popup? Since, some users prefer keyboard to interact with the application. For example: Confirmation popups in destructive actions like ...
0
votes
2answers
99 views

Screen reader accessibility: How “talky” should my button be?

I'm trying to improve screen reader support on our webapp, but I'm struggling a bit with what the best practice is for our buttons. Our current pattern looks something like this If I focus on the ...
0
votes
3answers
60 views

Accessible tooltip with links

I'm working on an accessible input component with built in tooltip. I've managed to create a solution that seems to work fine for people with limitations — whenever user focuses that input with ...
0
votes
2answers
91 views

Should focus be on first button in pop up from hover state?

I have a table where if you hover on the chat bubble icon the pop up shows as in this picture. For 508 compliance and accessibility.... if a user hit tab, while in that hover state, should the focus ...
0
votes
0answers
26 views

Asking if phone number uses TTY Device?

Is it necessary on a contact form to ask if a user's phone number is using a TTY device? I've tried doing some internet searching but am unable to find anything.
0
votes
3answers
134 views

When providing programming documentation to users of an office suite software, does intelligent cell merging in tables, make the info more accessible?

Examples of such merged-cell use, alongside versions of same info without merged-cell use Info using merged cells Table 1 Table 2 Same info without using merged cells Table 1 Table 2 Background ...
3
votes
2answers
216 views

What does 'A' stand for in A, AA & AAA accessibility conformance levels

I have been going through WCAG 2.0 guidelines and I couldnt find any reference to the letter 'A' in Conformance levels of A, AA & AAA standards. What does letter 'A' stand for ? Is it an ...
2
votes
1answer
60 views

PDFs, security, ADA/Accessibility

I'm a back end developer who knows about front end technologies but doesn't do design work (for Reasons). Anyway, I've been tasked with creating a PDF file of some student records that can't be ...
5
votes
1answer
173 views

Digital signatures for the visually impaired

I'm working on a web application that allows users to digitally sign financial documents. I need to make this accessible for people with visual disabilities but I cant' find good information for ...
0
votes
2answers
54 views

Is Linking to a Contact Form a Web Accessible Solution for a Live Chat Button?

I have a website that has a "Contact Us" button that opens a live chat window. It looks like this: This particular live chat provider is not accessible to those with disabilities. We contacted them ...
4
votes
1answer
190 views

Do red “destructive” buttons hurt accessibility?

My organization currently uses red buttons for destructive actions, e.g. Delete A or Revoke X. I'm wondering if this hurts accessibility, given that our primary CTA buttons are blue and our secondary ...
3
votes
3answers
170 views

Is there a need for a confirmation button on a multi-select comboboxes?

Is there any reason we should include a confirmation button on our multi-select comboboxes? What are best practices for the design of these controls? Mouse Functionality: Clicking outside of the ...
1
vote
1answer
79 views

Need explanation how Clear input button accessibility works

I've a text input with a clear button (looks like "x"). When clicked, this button will remove all the text from the input: The markup for this looks like: <label for="first-name">First name&...
0
votes
2answers
74 views

WCAG 2.0 Redundant Links

I've tried searching but can't seem to find a straight answer regarding redundant links and WCAG compliance. I have a product collection/category page with a list of products. Each product has a ...
1
vote
1answer
110 views

Do you always design with keyboard accessibility in mind? [closed]

How often do you design with keyboard accessibility in mind? How often is it implemented in the final product?
2
votes
2answers
106 views

For Screen Readers: How to markup a group of text items to be read as one item? Should I even try?

How might I mark up the following component in accordance with WCAG 2.1 guidelines, accessibility best practices, and with as much assistive technology compatibility as possible (I don't want to ...
0
votes
1answer
51 views

Any recommended keyboard accessibility solution for user to navigation to the menu efficiently? [closed]

We have this top bar on the page and the menu is on the left. Every page has lots of content within it (could have 100+ tabbable elements). For screen users, they have shortcuts to invoke the ...
1
vote
1answer
149 views

Is an English only aria-label better than no aria-label at all for non-English speakers?

We have a set of buttons that have a single icon for the content and no text content. One example, a button in the top left of a modal that has an 'X' icon which is an image file. To better ...
0
votes
2answers
75 views

Text visibility / accessability on public information screens

I'm in the process with our supplier of upgrading the technology behind our Flight Information Display System for our airport, this runs the flight information screens in the terminal showing the ...
0
votes
2answers
60 views

Should I clear selection by re-clicking on icon, or make a “clear button”?

I have a UI in which I collect user feedback using simple two simple thumbs up/thumbs down icons that appear below the thing being rated. (US users only so no concern about thumbs up being offensive ...
0
votes
1answer
61 views

Should We Replace Link Attributes/Values When We Prevent Default Link Action?

There are times when I, a custom theme, a contributed module or library, prevents the default action of an <a> tag. This is not uncommon and needed when implemented. Something like e....
1
vote
2answers
72 views

Focus style accessibility - Is colored underline enough of a change?

I am currently assessing styles for accessibility for a project onto which I am working. Overall, the layout has a black background (#050000) and text and components are either beige (#FEF0D6) or ...
1
vote
1answer
62 views

Is It Acceptable To Use Custom Focus Indications As Art Direction?

As part of a redesign of my personal site, I have a hero image with an animated flying blimp. When hovered, the blimp toggles to a different animation. I would like a keyboard user to be able to ...
1
vote
2answers
42 views

Accessibility Guidelines for saving changes to boolean controls in a web app

We currently have some settings pages in a web app where there is a list of controls with checkboxes, so you can enable/disable certain features. We also have a save option below these that is ...
3
votes
1answer
76 views

Accessibility for deaf or hard of hearing users

Going through the accessibility posters from the UK Home Office I found something I can't understand. In the section about Designing for users who are deaf or hard of hearing they recommend to do not ...
0
votes
1answer
55 views

Should accessible buttons include contextual information

It is possible for screen-readers to navigate the page by links, this would make sense to include links that make sense without user having to understand what is around the button. For example "Save ...
0
votes
2answers
92 views

What are the best ways on a sub-500 budget to test for mobile accessibility?

I am familiar with website accessibility at least in terms of WCAG 2.0, Section 508, etc. But I am currently designing a mobile app (cross-platform using React Native tools) and there does not seem to ...
4
votes
2answers
197 views

How to best present multiple statuses in a table?

I have a table of data, each row represents a quote that can have several statuses. A while back when the status system was less complex I decided it would be best to enrich the status data and ...
1
vote
2answers
67 views

Accessibility guidelines for Mobile Apps

Can you recommend me a guide or book for making apps focused on people with vision problems? Some kind of accessibility guidelines. I know there are some guidelines in the iOS/Android documentation, ...
3
votes
2answers
199 views

Impact on website analytics caused by accessibility issues

An interesting result published on the WebAIM website shows that when it comes to WCAG Conformance for the the top 1,000,000 home pages : 97.8% of home pages had detectable WCAG 2 failures! These ...
1
vote
2answers
133 views

Is there a standard for indicating a high contrast style? [closed]

I am working on a web app and have developed both a normal stylesheet and a secondary high contrast stylesheet. I am coming unstuck when it comes to allowing a user to switch between styles. Is ...
1
vote
2answers
75 views

What is a best way from the user experience point of view to list questions and answers (FAQ)?

At the "Questions and Answers" or "Frequently Asked Questions" (FAQ) section it is often fashionable to have collapsing/expanding sections for each question and answer. Is it still the best way to ...
4
votes
1answer
97 views

Accessible tools for prototyping?

I'm a visually impaired beginner on UX Design. Are there accessible tools for prototyping? I'd love to learn more about UX Design and Voice UI as I'd love to create my own voice UI.
5
votes
3answers
606 views

Checkbox size of 'clickable' area on desktop

I'm wondering if there are any guidelines regarding the size of the 'clickable' area of a checkbox on desktop. I was having a discussion with our developer and when he is testing the product he ...
0
votes
0answers
22 views

Dialogue based interface, the app voice becomes input instead of user sound input

The app we are currently developing has a feature which enables user to communicate dialogue based (imagine siri) We are currently facing with a problem. The problem is about the accessibility. When ...
1
vote
1answer
50 views

Should I use <aside> for off-canvas navigation? [closed]

I want to create an accessible off-canvas navigation and most tutorials say you should put it inside the <aside> element, however, since it is my main navigation which will appear on one line on ...
0
votes
1answer
158 views

Do Drop Shadows Count For Accessibility?

Does a drop shadow in a dark (and passing color) count as accessible when the background color does not? Example: Light blue background and white text = not accessible Light blue background with ...
1
vote
1answer
44 views

Bilingual Navigation

I am working on a pro-bono project. We are designing a website for a bilingual parent workshop (80% Spanish Speakers and 20% English Speakers). Funders for the organization are English speakers. That ...
1
vote
1answer
56 views

What is the procedure for measuring color contrast around anti-aliasing?

What is the proper method for measuring the color contrast of on-screen elements that are anti-aliased (particularly, but not limited to, text)? Does a standard method even exist? Here's my specific ...
5
votes
3answers
316 views

Can I use medium color contrast in native mobile apps? Android & iOS have high contrast modes

I design native apps for Android and iOS. Both Android and iOS have high contrast modes. With this in mind, can I use low-contrast colors (say, 3:1 instead of the 4.5:1 that WCAG Level AA requires), ...
10
votes
3answers
827 views

Maximum contrast ratio for good accessibility

So we are remaking an enterprise app from scratch. This time we want to base our design decisions on proper research. Our users use the app 24/7 with high requirements for UX. So our main goal is to ...
0
votes
1answer
48 views

Making web pages accessible

It is acceptable to make two versions of a web page, one for accessibility and the other for visual impact. There would be a screen reader specific link for the accessible page.
0
votes
2answers
436 views

Is it ever OK to use italics?

It’s a fairly well known accessibility issue that italic fonts should be avoided as they reduce readability for those with sight issues and dyslexia. (discussed here: Are italics on the web bad for ...