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.
866
questions
0
votes
1
answer
32
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
0
answers
35
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
55
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
22
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
74
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
0
answers
26
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
69
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
244
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.1k
0
votes
1
answer
96
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 ...
- 116
0
votes
1
answer
82
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
73
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
2k
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
62
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
115
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
170
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
23
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
51
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
153
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
70
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
88
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
30
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.4k
1
vote
1
answer
342
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,598
1
vote
1
answer
460
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 ...
- 13
3
votes
2
answers
86
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.1k
0
votes
1
answer
97
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
43
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.
...
- 628
1
vote
1
answer
62
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
158
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,485
1
vote
1
answer
71
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
57
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
2
votes
1
answer
67
views
Alert message component variants
I work in an e-commerce platform and we recently had a lively discussion about the variations of our alert message.
Would you agree that it is useful to have different versions of an alert or would ...
- 73
1
vote
1
answer
35
views
Device for people with advanced tremors and speech difficulties to type using feet and hand
Some older people are often full of tremors, including in their voice, and in their hands, but can still use their feet.
They can often also spell.
I was wondering whether anyone has designed a double ...
1
vote
2
answers
221
views
Do different opacities of hover / click / active states need considering from an accessibility perspective?
I found this sidebar on Dribbble:
And I'm wondering if it's fully accessible? It looks like when a menu item is active, it's given a semi-transparent background. And when you hover over another menu ...
- 113
2
votes
3
answers
2k
views
In a multilingual app, can we use only English for titles, alt etc
In a multilingual app, regarding accessibility usages, can we use english for titles, alt etc., or should we adapt accordingly to the language selected?
Example: always use title="Back to the ...
- 33
4
votes
2
answers
304
views
Tab order of floating buttons
We have a live support chat on our website, accessible via a button that always floats in the bottom right of the page, above other content. This chat widget inserts itself as the first child of the ...
- 683
1
vote
1
answer
603
views
Are arrow keys necessary to meet WCAG A and AA standards for keyboard navigation or is Tab key sufficient?
If there is a website navigation with subMenus and some subMenu themselves have their own subMenus. It is possible to fully navigate the navigation with the keyboard through Tab, Enter, and Space keys....
- 135
2
votes
1
answer
245
views
Struggling to make an accessible data table with clickable rows!
We're currently working on making our data table accessible. Our main concern is the whole clickable row that triggers a side sheet. The entire row is clickable, and a part of its content may be ...
1
vote
2
answers
224
views
Should I include ... at the end of input placeholders?
I've noticed designers using "..." at the end of inputs or search bars placeholders ("Enter your email address" vs "Enter your email address...") seemingly at random. Is ...
- 173
9
votes
1
answer
2k
views
Is there an accessibility standard for using icons vs text in menus?
I'm asking as a user here (I work in QA, fwiw) - is there a standard for accessibility in terms of using text labels vs icons only in menus? I searched and found a lot of conversations about including ...
- 93
2
votes
2
answers
290
views
Sidebars: Icons & Label or Icon & Hover Tooltip
I got curious today: From a learnability, accessibility, and usability perspective, it is recommendable to not hide behind an interaction (hover) the label of something and not force the user "...
- 173
2
votes
2
answers
490
views
Why is focus state interaction is different for Checkbox and radio field
Today I noticed that radio buttons and checkboxes have different interaction for focus state.
If you look at the example webaim of a radio button you notice that you can not select the next radio ...
- 1,074
1
vote
1
answer
254
views
Color contrast and hover state [a11y]
When multiple pieces of information of different importance are presented within a same piece of UI (e.g., table row, list item), some designers prefer to have the "secondary" or "less ...
- 13
1
vote
1
answer
268
views
Accessibility reading order VS DOM order in a list of events
I'm trying to fix a CSS/DOM order problem on a website so it can pass an accessibility audit.
The problem is that the website is very visual, and the fixes must not change the appearance (as much as ...
- 113
10
votes
3
answers
2k
views
Is tabbing the best/only accessibility solution on a data heavy map UI?
We are building a digital library search tool for which we need to implement accessibility standards.
The map is VERY data dense (you can experience it here and I have included a screen capture below)....
- 203
0
votes
1
answer
74
views
Accessibility text of the "- Any -" option on HTML <select> element - do i need dashes/marker around the "any" option?
For the HTML element - Do I need dashes/markers around the "any" option to satisfy accessibility? If no markers, does the text have to be a sentence ? What types of text is accessible?
For ...
- 103
0
votes
1
answer
65
views
Text Contrast Issue: How to enhance a hero image section?
I'm using a hero image as a landing page for a ecommerce site. Here's what it looks like so far:
I'm having issues with the text's contrast over the background image. Any ideas on how I can make the ...
- 1
3
votes
1
answer
164
views
(WCAG) Should I use HTML tables for displaying singular data sets?
I'd like to display tabular data (an order summary) in a vertical table (headings in the left column, values to the right). In my use case, there is only ever one data set to display, so I'm unsure ...
- 153
1
vote
2
answers
397
views
Why does NNG recommend skeleton screens for full page but not for individual components
I need to decide between using a skeleton screen or a loading animation for the contents of a modal.
The modal itself contains an image, title, paragraph, couple of CTAs and a carousel at the bottom ...
- 628
5
votes
2
answers
317
views
Using label and tabindex for non-selectable elements that give context about the page
My work is developing a page to display a filterable list of mortgage products. As you can imagine mortgages are really complex, so there's a lot of extra information that a sighted user can simply ...
4
votes
1
answer
163
views
How do unicode block characters affect accessiblity?
I'm formatting an online poem that uses blackout text for erasures. My plan is to use an XML block character ( █ █) or █) to replace the appropriate characters. Does this have any ...
- 41