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
1 answer
46 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 ...
oymonk's user avatar
  • 245
1 vote
1 answer
42 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 ...
Franck Dernoncourt's user avatar
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 ...
Richard Stelmach's user avatar
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 ...
richardstelmach's user avatar
1 vote
1 answer
75 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,...
Melissa's user avatar
  • 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 ...
keganonyous's user avatar
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, ...
Tessa's user avatar
  • 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 ...
Michael Lai's user avatar
  • 27.1k
0 votes
1 answer
97 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 ...
Tanooki Mario's user avatar
0 votes
1 answer
83 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 ...
alex.jordan's user avatar
3 votes
1 answer
74 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 ...
John Doe IV's user avatar
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 ...
MoritzLost's user avatar
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 ...
Burns's user avatar
  • 45
1 vote
2 answers
117 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 ...
Ph X's user avatar
  • 11
5 votes
2 answers
171 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 ...
Mithical's user avatar
  • 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 ...
Joselin Jocklingson's user avatar
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 ...
Archimedes Trajano's user avatar
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 ...
Niutah's user avatar
  • 153
1 vote
1 answer
71 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 ...
Helge's user avatar
  • 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 ...
Charpentier Lucas's user avatar
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's user avatar
  • 37.4k
1 vote
1 answer
351 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 ...
exp's user avatar
  • 2,598
1 vote
1 answer
486 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 ...
Turbolego's user avatar
3 votes
2 answers
92 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 ...
Michael Lai's user avatar
  • 27.1k
0 votes
1 answer
99 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 ...
cchapman's user avatar
  • 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. ...
TDsouza's user avatar
  • 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) ...
user79517's user avatar
2 votes
1 answer
160 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 ...
UXerUIer's user avatar
  • 5,485
1 vote
1 answer
72 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 ...
Joselin Jocklingson's user avatar
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 ...
Alain P's user avatar
  • 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 ...
Helge's user avatar
  • 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 ...
Joselin Jocklingson's user avatar
1 vote
2 answers
224 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 ...
HappyHands31's user avatar
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 ...
chamou2099's user avatar
4 votes
2 answers
311 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 ...
bigblind's user avatar
  • 683
1 vote
1 answer
613 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....
Dog's user avatar
  • 135
2 votes
1 answer
249 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 ...
Genevieve Morency's user avatar
1 vote
2 answers
231 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 ...
Angel's user avatar
  • 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 ...
aospovat's user avatar
2 votes
2 answers
300 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 "...
Angel's user avatar
  • 173
2 votes
2 answers
497 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 ...
Kevin M.'s user avatar
  • 1,074
1 vote
1 answer
257 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 ...
hayavuk's user avatar
  • 13
1 vote
1 answer
271 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 ...
Chris's user avatar
  • 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)....
GilShalit's user avatar
  • 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 ...
Joshua Graham's user avatar
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 ...
solange's user avatar
3 votes
1 answer
167 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 ...
Patrick Nemenz's user avatar
1 vote
2 answers
402 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 ...
TDsouza's user avatar
  • 628
5 votes
2 answers
319 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 ...
Leonardo Petrucci's user avatar
4 votes
1 answer
170 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 ( █ &block;) or &#9608;) to replace the appropriate characters. Does this have any ...
Sirmontegu's user avatar

1
2 3 4 5
18