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

Entering data fields in a table where rows have a hierarchy

Situation: A store is adding in how much money has been spent on products in their store that week. They can enter the figures either at the individual product level, or at the brand that product ...
3
votes
1answer
124 views

Do links to inaccessible sites make my website inaccessible?

My website contains links to third-party websites, mostly articles on news websites. If these third-party websites are not accessible, and I am trying to meet WCAG 2.0/2.1 AA standards, do these ...
0
votes
1answer
61 views

Number incrementers and accessibility

How are number incrementing arrows for accessibility? I would think they would be bad for keyboard users, but is there any study to back that up?
0
votes
1answer
59 views

Tab order through a matrix of radio buttons

I'm building an HTML form where the user can select one of three options for each day of the week. The wireframe proposed by the designer looks like this: a matrix of radio buttons, with columns for ...
0
votes
1answer
64 views

Are there tools that emulate (mobile) 'screen glare'?

Simple question, is anyone aware of a tool that can emulate screen glare for websites / apps? Specifically for mobile screen glare.
1
vote
1answer
67 views

Where are the Braille books? [closed]

I wonder why it's so difficult to find Braille books. Free software is available to convert text to Braille, why aren't publishers taking advantage of this to automatically convert their books? Do ...
1
vote
1answer
79 views

Setting a shortcut to change focus to a different section in a web app?

Let's say you have a web app with 3 sections. A left nav menu, a toolbar/settings section, and a main application area. Most of the time, the user will be engaging directly with the application, and ...
0
votes
1answer
72 views

Should all toolbar buttons have shortcuts / hotkeys?

It seems like many products have hotkeys for "simple" toolbar functions like bolding, etc. -- functions that apply to a selection but don't require further input. For functions that require further ...
0
votes
1answer
359 views

GDPR banner accessibility - where should it be in the page tab order?

We're adding an 'accept cookies' GDPR banner across the bottom of our site. Should it be the first thing that gets focus when tabbing into the page?
1
vote
4answers
80 views

Legibility and contrast for light weight sources. Regarding accessibility

I am developing a web application, starting from an approved design, I have the task of evaluating if it is readable. The question is: the light body, modifies the consideration over the contrast? ...
1
vote
1answer
74 views

Inclusive notification scheme incorporated into design systems

It seems like the standard RED, YELLOW, GREEN and BLUE colours are used in notification schemes/styles in the most popular development frameworks like Material.io and Bootstrap. Of course, colours ...
1
vote
4answers
121 views

How to solve UX vs screen reader accessibility problem?

I'm learning web-development and semantic html markup. Recently a tutorial suggested that because "Click here" or "Read more" anchor texts are not so descriptive to visually impaired users depending ...
0
votes
1answer
32 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
265 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 ...
3
votes
3answers
347 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
77 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
313 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
229 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) ...
3
votes
5answers
3k 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
181 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
113 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 ...
1
vote
4answers
479 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
168 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
36 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
146 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
313 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
66 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
419 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
61 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
261 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
204 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
362 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
272 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
582 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
618 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
110 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
64 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
83 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
115 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
70 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
105 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
84 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
95 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
116 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 ...
5
votes
2answers
613 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
387 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
215 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
183 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
2
3 4 5
14