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.
884
questions
0
votes
0
answers
8
views
What is a good website to find information regarding people with dissabilities?
I was checking WCAG2.1 to comply with a job related to it, and I read something interesting. For Guideline 2.1, Time-based media, to comply with AAA, sign language interpretation is provided for ...
- 113
0
votes
1
answer
25
views
Should Escape key close non modal dialogs?
w3.org's example for modal dialogs include Escape as a keyboard shortcut for closing the modal dialog. Chromium browsers closes <dialog> elements, if they were opened using showModal(), but not ...
- 315
0
votes
0
answers
17
views
How to help users understand a markup language's grammar accessibly
How might I describe the grammar of a markup language in an accessible way?
What I have
SVG diagrams of the grammar (directed graphs). Each element page has a graph representing what content can be in ...
- 152
3
votes
0
answers
45
views
Are HTML accesskeys still terrible in 2024?
accesskey is a standard attribute in HTML that allows for defining hotkey for focusing an element. Historically, many pitfalls with them has been noted. Many of them are summarized here: https://...
- 315
2
votes
3
answers
106
views
Page indicator dots - necessary, useful or redundant?
In our credit card wallet app, we're debating the value of page dots to indicate how many cards a user has. This is more or less the layout of the section with the cards in our app today.
If the user ...
- 51
0
votes
0
answers
21
views
Why did macOS Catalina change keyboard navigation (tab & shift-tab) to only text boxes & lists?
In macOS Catalina (or perhaps earlier?), macOS changed the default Tab & Shift+Tab keyboarding behavior from "all controls" to "only text boxes and lists", with Ctrl+F7 for ...
- 131
18
votes
12
answers
5k
views
Can it be acceptable to take over CTRL + F shortcut in web app?
When building a rich web app, can it be acceptable to take over the CTRL + F shortcut to focus your app's search box, instead of the browser's searchbox? For example, an app's own search box can do a ...
- 315
2
votes
1
answer
44
views
Values on alt tags for accessibility
We're working on an online report that uses a lot of graph charts, all of them as images (eg not interactive). I know best practices for alt tags, but was wondering if adding the data of the graph ...
- 38.2k
1
vote
4
answers
198
views
Why use rem units for spacing and sizing, instead of px units?
It seems that most web designers choose scalable units (rem, based on font size) for pretty much everything, instead of fixed units (px).
But when it comes to spacing and sizing, that doesn't make ...
- 598
1
vote
2
answers
103
views
Accessibility & labelling accordion controls - best practice
I'm currently designing an accordion that will be accessible (WCAG 2 AA). For the open/close controls (using up and down arrows or +/x ) should each instance be labelled? e.g. with 'Expand/Minimise'. ...
- 13
0
votes
2
answers
82
views
Do interactive elements in a table need to tabbable if they can be reach by arrow key to meet accessibility A or AA standards?
I have a large table built with React Aria Components. The Table has PDF download button and some links in some of the cells. All the individual cells key be reached by using the arrow keys, so it is ...
- 135
0
votes
2
answers
136
views
Can a product family be compliant with accessibility standards in the USA and Europe?
It’s hard to drill this question down to one question that has one definite answer, but I’ll try.
Can a product family—rather than a product—be compliant with accessibility standards? In the sense ...
- 598
0
votes
2
answers
48
views
How to make interactive infographics more accessible?
I have several infographics created using css and js, which are also interactive. Different parts of the infographics respond to the users mouse clicks and reveal further information.
Apart from ...
- 101
0
votes
2
answers
77
views
Color of disabled buttons in MUI
We are currently using a customized version of MUI. I noticed that with some elements such as the buttons, transparency is being used for disabled states instead of assigning solid colors.
Is there a ...
- 1,404
0
votes
2
answers
33
views
What are the specs that decide how a Screen Reader should behave?
I'm implementing a web application with high accessibility requirements. In come cases, the screen reader (VO) behaves in unexpected ways (for example, skips some elements).
To find out whether the ...
- 101
0
votes
2
answers
74
views
How may I label identical user generated form fields in an accessible way?
Background
I work with web forms for users that have trouble getting employed because of e.g. disabilities, being new to the country and language, etc. We have to ask them questions to learn about ...
- 21
0
votes
3
answers
173
views
Best aria-label for hamburger menu?
I have a hamburger menu that expands and collapses a sidebar menu when clicked.
The expanded version shows menu items with labels, while the collapsed version just shows icons.
What would be the best ...
- 1,404
0
votes
0
answers
34
views
Text resizing in iOS and Android apps
Doing a bit of benchmarking, looking for applications that are well responsive when Text resizing (accessibility).
Does anyone know any good examples of applications that look good when text resizing?
0
votes
1
answer
148
views
Is it possible to delay announcement of title of a web page?
I have a web app with Single Page architecture so the <title> is updated programatically as the user navigates between client side rendered pages.
This works fine when the app is already opened. ...
- 315
1
vote
1
answer
108
views
Why do virtual calculator UIs (especially desktop ones) have the numbers laid out when users typically use the keyboard instead
Just curious, why do virtual calculators on desktops even have the numbers and symbols added to the UI.
Here's an example of what I mean
Windows Calculator
macOSCalculator
On desktops, the primary ...
- 658
0
votes
1
answer
79
views
Is search-responsive hierarchy accessible?
I'd like to build a website like the following, and am wondering if is accessible: https://webapp.library.uvic.ca/uvicrecords/recordsList2.php
I think yes: when I hit the tab button (which is my ...
- 245
1
vote
1
answer
58
views
What's the most efficient brain–computer interface to play video games?
I read:
Technology for connecting paralyzed folks with computers has existed for a while now, according to Bloomberg:
Neuralink is not the only company working on brain devices that connect with ...
0
votes
1
answer
78
views
What disabilities may a large video that auto-plays impact?
If there is a large video on a homepage that autoplays:
What types of disabilities may this impact, in terms of how it may distract people from a task?
Additionally, how may the intensity of a video ...
0
votes
1
answer
47
views
Should keyboard users be able to tab outside an expanded menu.?
a keyboard user presses enter on a navigation button to open the associated menu
the menu opens up
the user presses tab to navigate into the expanded menu
the user tabs through the expanded menu items
...
- 119
1
vote
1
answer
233
views
To meet accessibility requirements, do decorative images have to be inline?
In a document, if your image is marked as decorative, can it be set to wrap text around it and still be considered accessible? It seems as though if a screen reader is going to ignore the image anyway,...
- 13
1
vote
1
answer
74
views
I'm creating a detailed component spec for an input field in iOS and I don't know exactly how to specify certain accessibility details
I'm building a detailed accessibility spec for an iOS input field component for a design system. I want to outline in the spec how voiceover should work.
The design system needs an input field that ...
- 11
1
vote
1
answer
82
views
European accessibility act? [closed]
This is a long shot, but I hope to find someone that can help me.
I work for a company that creates digital products for healthcare professionals. Think dashboard with patient data (lab results, ...
- 11
2
votes
6
answers
278
views
Will a Global Design System improve accessibility of web applications?
I read Brad Frost's post on A Global Design System with interest. After all, Atomic Design is one of the most popular concepts in UI Design since Bootstrap came out years ago, and there hasn't really ...
- 27.5k
0
votes
1
answer
129
views
HTML element or UI control to accomplish the following scenario to select a range of page numbers in various orders
Seeking some insight on what HTML Elements or UI control would be best suited to accomplish the following scenario. The ability to select a range of page numbers that could include a number of ...
- 126
0
votes
1
answer
231
views
email font and accessibility
Recently I have seen more and more emails with an automated note at the bottom similar to:
Did you notice my font is large? This is done for accessibility purposes. It is recommended to use at least ...
- 101
3
votes
1
answer
89
views
What's the purpose of the colour filters in Windows/macOS/Linux desktop environments?
In their accessibility settings Windows etc. have colour filters for colour-blind people, such as people with Red-Green-Deficiencies (Deuteranopia, Protanopia etc.). As a non-affected person, I wonder ...
- 377
15
votes
3
answers
3k
views
Are links inside checkbox labels acceptable?
For checkboxes in forms, you often need an accompanying link for individual options. This regularly comes up in checkboxes to accept terms of use. Designers love to put this link inside the checkbox ...
- 255
1
vote
2
answers
180
views
Minimum focus style for a text input
I'm currently working on a chat style UI that has a single text input for entering a message.
Usually I would follow the recommended accessibility best practises for the correct focus styling. I know ...
- 45
1
vote
2
answers
280
views
In the App I designed, there is a carousel component that can be swiped horizontally, but facing an accessibility issue, how can I solve it?
In the App I designed, there is a component that can be swiped horizontally, but the accessibility team said that the functionality is not operable using a single pointer and without requiring a ...
- 11
5
votes
2
answers
313
views
How do I write good alt text for a comic?
One of the things I'm interested in is web accessibility, particularly for knowledge bases such as Stack Exchange. One part of this is alt text for images - a text alternative for images, which is ...
- 167
1
vote
0
answers
26
views
How to design software for blind people to create grids with one sound per square on Android
I have gone through the help center issues and it does not seem to me like my question is too subjective.
I want to develop apps that are tailored specifically for blind people to reason about their ...
1
vote
1
answer
100
views
What's the ideal hit slop to use for small devices on the sides and corners
In React Native and Apple HCI they recommend a 44px x 44px hit area at minimum. But I found that on the iPhone SE it seems a bit hard to hit on the sides and corners. Primarily because of the having ...
2
votes
2
answers
164
views
What's the threshold when you should focus on accessibility? Is there any?
I was wondering what is the threshold for the online product / platform / website to take accessibility into account? (Except obvious "always because you never know").
To be precised I am ...
- 153
1
vote
1
answer
170
views
Cart Accessibility - Ecommerce Shop
i have a question regarding defining the accessibility for prices and the cart summary for an ecommerce shopping-cart.
As a visual impaired user i can navigate through the cart page with the TAB key ...
- 73
2
votes
1
answer
95
views
What would be the recommended level for "complementary" headers?
I am currently working on the accessibility of the open source software XWiki. I want to update the way we handle the headers on our page but I lack facts and information to back up this change.
Our ...
1
vote
1
answer
36
views
Is a data download a viable text-alternative to a visual chart?
I have a dashboard with various different at-a-glance charts. For some of them (such as pie charts) it's simple to offer a toggle / alternative view to change from chart to table view, but for more ...
JonW♦
- 37.5k
1
vote
1
answer
748
views
Yellow in high contrast modes
We're implementing different color themes across our apps.
All our basic themes are WCAG level AA compliant, but now it's high contrast theme's turn. It's going to be a theme that features maximum ...
- 2,618
2
votes
1
answer
1k
views
What is a good aria-label for a button that opens a modal to pick a region and/or language for the webpage?
I have a <button> element that opens a modal to change the webpage region and/or language.
The <button> element needs an aria-label that gives the user information about what the modal ...
- 23
3
votes
2
answers
95
views
Keeping the text handle visible at all times when in text editing mode on mobile devices, any accessibility issues?
There is a very interesting article on the 'invisible' problem of editing text on mobile that highlights the lack of novel and tailored UI design patterns for text editing.
One of the really ...
- 27.5k
0
votes
1
answer
178
views
Is `h` a valid heading tag in PDFs? [closed]
I'm configuring a document in InDesign for basic accessibility. The documents I'm working on have unfortunately used h1-h6 tags incorrectly for page hierarchy (basically heading style option 1, style ...
- 103
1
vote
1
answer
56
views
Non Modal Persistent element - Best practices for tab sequence and general accessibility
We're working on a compare widget that appears when products are selected for comparison. This tray continues to persist as long as the products are in this widget. Even if users move to other pages.
...
- 658
1
vote
1
answer
68
views
How to ensure accessibility for a variable-length collection of name fields in a form
My company supports a legacy application which uses a data form containing a Recipient section and a Sender section. Each section, upon first load, contains three text inputs (horizontally aligned) ...
- 11
2
votes
1
answer
285
views
WCAG' Non-text contrast requirements, what exactly are the guidelines with hover?
WCAG does a weird job of explaining their non-text contrast requirements with hover states.
Within their "Understanding non-text contrast" documentation, they have this bizarre example:
As ...
- 5,505
1
vote
1
answer
77
views
Designing an elevator with smartphone to elevator button pressing and smartphone vibration and notification upon arrival
Elevators make us reason about mathematics (for instance, vectors... when an elevator goes from one floor to another, you can visualize the vector pointing from one floor, with a number, to another ...
2
votes
1
answer
100
views
How can a diagramming application be accessible via screen reader for content creator
We have an application that uses diagrams and have made it accessible with full keyboard navigation and screen reader providing situational awareness for readers.
But I can't find anywhere how someone ...
- 121