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
1
vote
3answers
656 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) ...
10
votes
5answers
10k 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 ...
1
vote
2answers
319 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
194 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 ...
2
votes
4answers
2k 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
306 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
3answers
162 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
377 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
68 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 ...
6
votes
1answer
878 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
63 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
393 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
329 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
1k 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
627 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
112 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
2k 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
54 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 ...
2
votes
1answer
2k 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
135 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
75 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
104 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
129 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 ...
2
votes
1answer
78 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
245 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 ...
4
votes
1answer
96 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
182 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
121 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 ...
7
votes
2answers
2k 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
914 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
224 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
269 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
88 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
224 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.
6
votes
3answers
6k 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 ...
1
vote
1answer
116 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
2k 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
55 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
137 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
681 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), ...
12
votes
3answers
2k 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
55 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
1k 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 ...
1
vote
1answer
550 views

Does it make a difference in accessibility to show a success message in the same page a form was submitted?

Does it make a difference in screen reader accessibility to show a success message in the same page a form was submitted? Or is it better to redirect to a different page?
1
vote
2answers
562 views

Screen readers and mouse

I'm building an accessible tooltip — my first dive into the world of accessibility. It is shown next to an input and right now I'm thinking about how to show them to users with disabilities. The ...
1
vote
1answer
527 views

Color Palette Accessibility for White Text Button Labels

Background: I'm currently working with trying to bring text accessibility into the visual design of a SaaS product suite, which has cross-product primary and system feedback colors and a number of ...
6
votes
4answers
1k views

Which accessibility standard for mobile app?

The W3C has created accessibility guidelines for websites. A is the least accessible, and puts the least constraints on the design, AAA is the most accessible, and puts the biggest constraints on the ...
1
vote
1answer
128 views

What are the best practices for image sprites? [closed]

What are the best practices for using sprites in accesibility? There isn't much information about it. This particular one has a series of action buttons (toggles, search and cart icons, among others) ...
1
vote
2answers
98 views

Need Advice - One website with "bilingual" (Spanish/English) languages

I need some accessibility and usability advice for a website. I am a designer volunteering for a non-profit and is my team (product manager and three developers). I am working on a site where my ...
1
vote
1answer
119 views

Automatic Focus change: Does it violate an accessibility standard?

I am working on a Two Factor Authentication page. A tester has suggested that after clicking the 'Send Token' button (Sends the token to the user's phone), we should automatically change focus to the ...

1 2 3
4
5
15