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.
857
questions
1
vote
1
answer
120
views
Automated opt-in accessibility, is this viable?
A client I am working with wants to make use of an automated accessibility solution in order to meet compliance standards. Particularly, they've mentioned AccessiBe.
I've got no experience with such a ...
- 101
7
votes
2
answers
944
views
What is the correct tab-indexing for a log-in form with a "forgot password" link?
I have a login form shown below, and I am trying to figure out the correct tabbing for it for the best accessibility and user-experience. This seems like a very common design, but I haven't found a ...
- 1
9
votes
4
answers
477
views
How can I demonstrate the importance of accessibility to a client?
How could I convince a client that visually impaired customers might want to use his e-commerce website? I want to demonstrate the importance of accessibility and convince him that we should try to ...
- 12k
1
vote
1
answer
155
views
What constitutes "web content" and "authoring tool" for the purposes of the VPAT?
I'm filling out a VPAT for our company's product and having some difficulty understanding the terminology. Our product is an integration tool for flowing data between different systems. The frontend ...
- 317
3
votes
2
answers
793
views
Does adding a "title" attribute to the "label" element instead of the "input" harm accessibility?
I'm creating an HTML interface that has an input text field with a label attached. The label has a short name for the input and I want a more detailed description to appear as a popup for visual users,...
- 11.2k
3
votes
3
answers
124
views
What term best describes focus on a low barrier to entry for an application?
I am building an application that I would like to describe as being accessible in the sense of having a very low barrier to entry. By this I mean it's an online tool that you can start using ...
- 11.2k
1
vote
2
answers
1k
views
One label for multiple fields?
I'm not very familiar with the accessibility and I need help for situation where I have multiple field and every field has same question. Is it ok to put all field under one label? For user who can ...
- 121
2
votes
2
answers
349
views
Opinions on stretched-links and alternatives?
Stretched links allows to have a whole block as a link (without having to wrap all the content in the <a>, which would achieve the same by the way)
One issue I see is that you can't select text ...
- 37.3k
12
votes
1
answer
17k
views
Accessible way of notifying a screen reader about loading the dynamic Web page update (AJAX)
The rise in the use of AJAX to dynamically update the website instead of using standard hyperlinks and separate Web pages has resulted in accessibility problems for users of assistive technology (e.g. ...
CommunityBot
- 1
1
vote
1
answer
103
views
Does animated arrow on link hover violate WCAG 2.2.2 Pause, Stop, Hide?
If a link has an animated hover state, e.g. an arrow that moves from left to the right and back, or as is in this example on CodePen is it still compliant with WCAG 2.2.2 Pause, Stop, Hide guideline?
...
- 12k
1
vote
1
answer
229
views
Translation of Annual and Monthly pricing as "mo" and "yr"
I'm curious if anyone knows if abbreviating monthly and annual pricing as "../mo" and "../yr" will translate into all other languages? For example, if I display pricing to users as ...
- 216
1
vote
1
answer
51
views
How to design a form for accessibility using ARIA? [closed]
I'm redesigning an application form and want to make sure it is as accessible as possible. I'm not an expert in accessibility by any means, but I am trying to mark up the design for developers to code....
- 136
2
votes
3
answers
314
views
Is it accessible to have lists without a heading, assuming previous lists do?
Assume this HTML structure:
<h2>Our latest News and Events</h2>
<ul>
<li>news item 1</li>
<li>news item 2</li>
<li>news item 3</li>
</ul&...
- 230
28
votes
2
answers
3k
views
Why is low contrast between active and inactive window title bars considered a good thing?
It seems like recently, there is a movement toward applications forcing a color scheme on the user as well as using custom-drawn windowing elements, particularly title bars, with very low contrast ...
- 138
1
vote
4
answers
546
views
Does including a Konami-code triggered Easter Egg negatively impact keyboard accessibility?
On an open-source project I'm involved in, one of our devs added a mini-game for April Fools Day, which could be opened and played by pressing the Konami Code sequence on your keyboard (up, up, down, ...
- 2,588
0
votes
1
answer
422
views
Accessibility - SC 1.4.4 - Placeholder text not visible when browser zoom is set to 200%
I have a question regarding SC 1.4.4 Resize Text for Placeholders for inputs. I am not for the design we currently have, but have to work a solution with whatever design I have.
The first row in the ...
- 2,588
1
vote
2
answers
56
views
link between a website's accessibility and an increase in user experience
I'm trying to find a scholarly article which demonstrates a link between a website's accessibility and an increase in user experience.
Google only returns 1 result for +accessibility +website +"...
- 662
0
votes
1
answer
615
views
Dark mode - dark blue instead of dark gray/black?
My company’s app currently doesn’t have a dark mode and we’d like to support that. When I was reviewing my dark mode palette with my fellow designers, they weren’t so keen on using a dark gray ...
- 662
2
votes
1
answer
366
views
Image comparison sliders and visual accessibility
I am creating an image slider for a site, and I am confused on how to successfully meet wcag requirements. Below is an example that conveys the idea of what I am creating.
I have read a couple ...
- 662
1
vote
1
answer
89
views
What is a good way to explain the relationship between inclusive design, accessibility (in terms of WCAG2.0) and usability?
I have always found that inclusive design to be at the crossroads between designing for the majority versus designing for everyone, which when you consider that UX design is about getting the right ...
6
votes
8
answers
5k
views
Do older adults prefer white-on-black or black-on-white?
Please suggest current resources for designing UX for senior adults. W3C standards documents are about 6 years out of date.
With respect to contrast: white on black, or black on white. [I did an ...
- 21
1
vote
1
answer
86
views
Scrollable container - Accessibility
we are hoping to use a scrollable container in the terms and condition section. The container is NOT iframe and we will make it with overflow hidden CSS.
I need your thoughts only from the ...
- 11.2k
2
votes
1
answer
416
views
Accessiblity and labeling multiple buttons
I'm working on a mobile app. I have a list with multiple groups and at the end of each group, there are some buttons. I'm not sure what the screen reader should say when focusing on the buttons.
The ...
- 2,588
3
votes
2
answers
233
views
Should a Carousel hide visibly hidden content from screen readers
There's a carousel on the site I am on which does as most accessible carousels, visibly hidden items are also hidden from screen readers (in this case using aria-hidden). This seems to be the normal ...
- 499
12
votes
3
answers
3k
views
Is alt text required for an image if the information is present elsewhere on the page?
For example, if a page's sole purpose is to describe the contents of an image (e.g a photograph of a document is displayed on the page, and the page displays the contents of the document), is alt text ...
- 2,588
3
votes
1
answer
129
views
a11y - Captioning for videos with accompanying text and no audio
We sell a widget. And we're building a webpage for the widget.
We have a section on the webpage where we want to show a text description of a feature of that widget, and below the description, we show ...
- 26.7k
0
votes
1
answer
360
views
Mobile app accessibilty: bottom sticky footer when there is a long scrolling feed [closed]
Our native mobile app has a long facebook-style feed on the first screen with four tabs in a sticky footer. How do we make those tabs easily accessible while using a screen reader?
The feed is not ...
- 19.5k
83
votes
12
answers
82k
views
Is there an optimal font size / line height ratio?
When styling text on web pages, both font size and line height can be set. For example, the text of this post will be displayed using a font-size of 14px and a line-height of (about) 18px, set using ...
- 111
4
votes
2
answers
638
views
How to design inclusive icons/images representing different gender identity/preferences?
These days there is some consensus around how to address people with different gender preferences apart from male, female and other. The term GLBT has been used to provide some differentiation to ...
- 26.7k
1
vote
1
answer
2k
views
Using aria-label on heading tags
Is it wrong to use aria-label on heading tags? h1, h2, h3 etc.
I'm working on a frontend, most titles are reasonable in length roughly 80 characters in length, the longest title is 480 characters. So ...
- 26.7k
1
vote
1
answer
79
views
Is specifying link colours a violation against WCAG's Success Criterion 1.4.8?
The text of the WCAG's Success Criterion 1.4.8 page says:
Success Criterion 1.4.8 Visual Presentation (Level AAA): For the visual presentation of blocks of text, a mechanism is available to achieve ...
- 261
2
votes
1
answer
142
views
How to express multi condition rules with flow diagram or truth table
I have a below mentioned multiple variable which match with the other variables and gives output like FALSE, HOLD or TRUE.
I have tried to represent it here in table format.
Variable ...
CommunityBot
- 1
3
votes
1
answer
89
views
Most visible wavelength/ color for mesopic vision
Is there an established study that demonstrates which is the most visible wavelength range under Mesopic Vision conditions? Ideally, they shouldn't refer to Scotopic Vision (since I have enough data ...
- 2,588
2
votes
1
answer
60
views
Design and implementation of right-to-left or left-to-right for web applications
To me it seems to be a rare sight, but I did notice that on the Material UI framework website there is a toggle/button to switch between left-to-right and right-to-left orientation of user interface ...
- 2,588
3
votes
1
answer
96
views
WCAG 3.0 structure and assessment criteria benefits in current practice
Even though it is currently in draft form, the WCAG 3.0 document is looking to be more user-friendly and easier to assess compliance against.
I think the change in the document structure and language ...
- 26.7k
3
votes
3
answers
6k
views
Can/Should I Label an informational span for screen readers?
I have an informational span, specifically, a span full of stars that represent a rating (star icons that can be filled or unfilled). As is, it shouldn't be visible at all to a screen reader, since ...
- 101
1
vote
0
answers
133
views
Is the "feed" role also appropriate for the "Load More" button approach?
Both w3.org and MDN seem to associate the feed role with infinite scrolling, without mentioning if it applies to button-triggered loading as well (with a "Load More" button).
My application ...
- 26.7k
2
votes
1
answer
157
views
Order of list boxes in a dual list box
A dual list box is a component-based on two list boxes placed together that allows adding, removing, and ordering items.
According to Kaley from the nngrounp: "The Listbox on the left holds ...
- 12k
3
votes
1
answer
657
views
Accessibility and Autoscroll
I have a scrollable list of items, with a possibility to add a new item to the list. The new item always appears on the top of the list. Also in order to inform the user that an item has been ...
- 131
6
votes
6
answers
491
views
What are the best resources for designing "accessible" interfaces?
I'm reading Steve Krug's book Don't Make Me Think! A Common Sense Approach to Web Usability and there are a few good sources that he points to that will help designers design more accessible ...
- 778
8
votes
3
answers
2k
views
Accessibility of tables without borders
Does having a data table without cell borders affect accessibility and usability in any way? I can't seem to find an answer online. Having borders definitely increases readability. Can we say it is a ...
10
votes
1
answer
11k
views
Accessibility vs. read-only input fields
I have a form with some read-only fields depending on the customer role. As a rule, I use read-only fields for those inputs.
Are there problems with this approach using an assistive technology?
Are ...
- 3,309
3
votes
2
answers
233
views
Should we choose a meaningful domain name or a easy to type domain name?
So as we expected, most users are visiting website on their phone, for some big phones there might be this issue, but if you're an iPhone 5 user or other 4 inch phone user you might found out that you ...
- 1
2
votes
2
answers
3k
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 ...
- 123
4
votes
2
answers
286
views
Color standards for seat booking
I am working on an application with a seat booking UI. Are there visual standards, colors in particular, for conveying the type and state of each seat?
Examples of seat types: standard, accessible, ...
- 37.7k
2
votes
1
answer
2k
views
Does a skeleton loader need to be accessible?
Are there concrete guidelines about accessibility in skeleton loaders? How might we design them to be more accessible?
- 12k
0
votes
1
answer
50
views
Why do some emails include a link to the same destination as the button right above them?
Can someone explain the purpose behind this practice?
Is it an accessibility issue and is this practice outdated?
For example:
"If you have trouble with the link above, copy and paste this URL ...
- 148
2
votes
1
answer
1k
views
(Accessibility) - Back button placement on the page in SPA
I am working with an SPA with Angular and the designs indicates that there is a back button and it is before the Page level heading usually the H1. For SPA, it is a general practice that we place the ...
2
votes
1
answer
178
views
What level of compliance does a chart with patterns have in WCAG 2.1?
The following is an example of a chart using patterns. When a chart uses patterns (instead of plain colors) to separate sections, in which category of WCAG levels does it fall – A, AA or AAA?
- 12k
1
vote
2
answers
123
views
Slider and Input for same Value - Should both be tab-selectable?
I'm working on a form where users are able to select a numeric value both with a range slider as well as a numeric input. (See mockup below)
Both inputs have to stay in the form which is a design ...
- 2,588