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
2
votes
2answers
681 views

What reasons to distinct hyperlinks with thick, light blue underlines?

To my knowledge, to avoid distractions in reading flow underlines should be avoided in any circumstance, not just hyperlinks. BBC avoids coloring them at all and boldface them instead. However, the ...
0
votes
1answer
172 views

Click on main text opens a new detail page on a card

I have a situation where I have a card as an element and it had primary Title, Sub title, and other texts and one secondary CTA. The problem that I am facing is the click on the main title opens a new ...
6
votes
2answers
590 views

Color Contrast WCAG 2.0 SC 1.4.3 and Video / Motion Content

There is no reference to motion/video found in SC 1.4.3 — simple "images" and "background." Do the color contrast requirements of SC 1.4.3 apply to text that is in a video and overlayed on top of ...
1
vote
1answer
93 views

Information Architecture - Navigation - Accessibility

Recently I have worked on a dashboard(Web). It is a web enterprise product with a lot of data in each view with 20+ views. To make navigation simpler we made a change view text button with blue color ...
2
votes
1answer
573 views

Side-by-side code diff view UX

I'm working on code diff view design, and would like to gather your opinion on two existing patterns. Below are screenshots of two different side-by-side diff view designs. One is leaving white ...
1
vote
1answer
146 views

Accessibility - dynamic text

I have a form with some prefilled data. The footer is sticky with a "continue" button that takes you to the next page. All the fields of this 3 page form are required (we have this note at the top ...
0
votes
1answer
173 views

What letter spacing for visually impaired?

What letter spacing is best to read for visually impaired people? Should the letters be close together or should they have more space in between? I am asking because APHont, a font made for visually ...
11
votes
4answers
5k views

What should a well-designed high contrast function do?

I want to make my website accessible for nearly everyone. I already have a function to increase font-size. Now I am doing the high contrast function. However, how should such an interface for ...
2
votes
1answer
88 views

Accessible website with multiple homepages

We're building a website, that people will be sent to from an email. There's multiple home pages, because there are different groups in the email list that the home pages correspond to. So to keep the ...
2
votes
1answer
579 views

Why do hearing-impaired subtitles describe obvious sounds?

I understand the point of describing sounds made by objects or people not visible in a scene, especially when they are relevant to the plot and/or make the characters react to it. A doorbell or ...
0
votes
1answer
345 views

How to make a decorative video accessible

Our clients gave us a video that is mostly B-roll so they are saying they do not need to add captions to make is ADA compliant, but I'm not sure that is true. I know for images, if it's purely ...
2
votes
2answers
942 views

On a web application what should be in tab order?

I see a lot of articles which guide us how to put something in or out of tab order. However, I see no guide on what should be put in tab order. For example, one of our web app is a list of tasks to ...
3
votes
1answer
3k views

Accessibility for a Draggable, Droppable and Sortable component

This is a component that I'm trying to make accessible: As I understand, the ARIA Authoring Practices guidelines for drag and drop is basically: Tab to move through the list of items Space to select ...
0
votes
2answers
99 views

Are there best practices regarding reading out lists with a screen reader?

In our application we have a lot of lists falling under a single label. Visually we display these with the label left justified and the data starting just to the left of the label and then each item ...
1
vote
1answer
130 views

How do people with vision impairment access buildings requiring a swipe card?

With many of the commercial and corporate buildings now having more strict control around entries and exits, I was wondering in terms of accessibility how people with vision impairment are provided ...
6
votes
2answers
919 views

Give focus to last focused element on navigating back in browser history — good or bad practice?

I've stumbled on this very obvious idea while working on a website with a lot of interactive items that lead to separate pages. Initially I thought it might be useful for users to have the last ...
3
votes
1answer
77 views

Conveying another user's vision impairment

I'm developing a serious game for collecting behavioral data and I need to convey to each player some status information about the other players in the game. One piece of information I wish to convey ...
0
votes
2answers
57 views

Interaction change for tab shift

I have a case where i have tabs and each tabs has a set of information. and in two tabs the top level data is same , So when user switches between them it looks like no change happened it will go ...
0
votes
2answers
115 views

Underlining non-link text for instructional content … valid?

I know that underlining non-link text is taboo because it confuses the user into thinking it's a link. I also know that similar questions have been asked but as I searched through them, none of them ...
1
vote
1answer
69 views

What could be possible ways to make users renew their plan on mobile app

We have an application where users have to subscribe to health plans for 3,6,or 12 months. Once the subscription is about to expire we need to send, remind and prompt users to renew their subscription....
4
votes
2answers
249 views

What would make screen readers better at browsing the web?

I recently built a browser extension like Vimium that lets you browse the web with just your keyboard shortcuts. While building it, I came to realize that it has great potential for helping the ...
2
votes
1answer
93 views

Why are certain seats on public transport a different colour? [closed]

On trams and buses, there are often designated priority seats in a special colour for people with special needs. If a person with special needs boards, able-bodied people are supposed to vacate these ...
0
votes
3answers
154 views

Should home page include both a “Search” and a “View All” button?

Near the top of our home page, we have a search bar. Next to the search bar is a VIEW ALL button: The VIEW ALL button takes the user to the same place that the SEARCH button would go if no text was ...
0
votes
1answer
110 views

Where should the 'no account?' button go?

On a website I am creating, the user is prompted to login before they can access the main content page. However, if they do not own an account, they can create one. Where should this button be placed? ...
25
votes
2answers
13k views

Formula for color contrast between text and background

In my Android app a user can choose the color of an item. This color is then shown in background with a text on it. I want to display the text either in black or white - depending on the background ...
1
vote
3answers
136 views

Is forcing a user to open a link in the current tab WCAG2.0 accessible

We have inherited the maintenance of a 10+ year old website which has a few links in it that force the link to be opened in the current tab. You can't right click on the link and open in new tab, or ...
0
votes
2answers
88 views

Placement of segmented bar

I have a case where in one view I have two switching options: "Group by" and "View as". To increase visibility, instead of a dropdown I used two segmented bars, one placed on the left and the other on ...
0
votes
1answer
120 views

Looking for Friendly Documentation on Color Contrast and Readability

We're looking to launch a new version of a website, and we had multiple users concerned about readability with grey text on a grey background. I did some basic search, and found this website. Using ...
5
votes
1answer
102 views

Considering User Accessibility when developing a mobile application

Is it necessary to include a wide variety of user accessibility features such as color contrast or different font sizes? Since modern smartphones are capable of catering to users with Visual, ...
0
votes
2answers
149 views

what is the purpose of using Color Contrast Tool?

what is the purpose of using Color Contrast Tool? It's just background and text checking or icon checking?
2
votes
2answers
289 views

The difference between usability and accessibility

Quoting this article: A web site is not usable unless it is accessible So if website is not designed for people with disabilities it is not considered to be usable? I thought it's the other way ...
2
votes
3answers
195 views

How to build web accessibility portfolio without any work experience?

I'm a junior web accessibility specialist and currently I'm building my portfolio, basically from scratch. But because I don't have any experience (one project for non-profit as web-developer, and ...
5
votes
1answer
1k views

Accessible web calendar overview that's screen reader friendly

One of our accessible-savvy dev.teams are building a new web interface to a booking system. It looks and acts pretty much like a web calendar interface. In this very first iteration, we'd like ...
4
votes
1answer
2k views

Heading levels in an accessible modal window

What's the most/correct accessible way to use headings in a web modal window? The modal itself is fully accessible (we have tried that out already) but we're unsure whether we shall use h1 or h2 as ...
3
votes
1answer
1k views

Links, external links and how screen readers perceive them

I am wondering if links on my website need to specify in a screen reader if they are external or remain on the same page? I've checked WebAIM and their footer links only state the name and if it is ...
3
votes
2answers
353 views

Using Tree Tab Structure

I have a situation where i have a tab structure and there are other options under each main tab so i have picked up tree tab structure where i show primary tab and secondary tab visually different. ...
2
votes
2answers
71 views

How to make waiting time when connecting to a conference better for the user?

We have a part of our app where in the user has paid for a consultation and is then presented with a button to connect to the consultant. As in below: When the user clicks on this button, the ...
3
votes
3answers
128 views

Tabbing order of questions with check boxes for accessiblity

I am creating a page that consists of 6 questions. Each question has accompanying check boxes for the user to choose from. Currently when you use a screen reader you can tab into the first question ...
1
vote
3answers
300 views

Having a separate accessible page for screen reader users

I have been working in the accessibility of an accordion that is used to take user input from checkboxes and return a list of criteria based on the user input. We are using Outsystems and have not ...
2
votes
1answer
212 views

Icons color Accessibility testing - Tools and process

We have a repository of old icons which are flat,gradient,simple,compound icons for win32 and win64 applications(basically legacy software icons). Currently we are trying to do color accessibility for ...
1
vote
0answers
54 views

Placement for Standard Filters on webpage

I have a case where i have a side nav bar on our product as in image 1 and i'm currently working on a new view where i need to show a standard filters on left side as in image 2 But problem is when i ...
6
votes
1answer
917 views

Accessibility and required form fields

As the years have gone by, I've noticed that the usage of the "*" for required on form fields has steadily vanished. Are there rules in accessibility that require "require fields" to have an ...
3
votes
3answers
1k views

Is a mirror link mandatory in any email?

I have to design emails on mobile first for B2B users. Some professional mailboxes don't support HTML5, and display may be broken. I wonder if the mirror link (e.g. 'If you can't see this email, click ...
3
votes
1answer
2k views

Accessible web modals: Show or hide the “X” (close icon) at the upper right?

How do I handle the "X" at the upper right corner of my web site modals in order to make the modal as accessible as possible for users with screen readers but also for keyboard users? As I see it, ...
2
votes
0answers
293 views

Search Facets in search [closed]

I am assessing the accessibility of a site that uses search facets. I am having difficulty finding information on how to evaluate search facets, maybe because many sites do not use them too much (...
3
votes
2answers
817 views

Should you paginate content for screen readers or allow the user to navigate on their own?

While working on a SPA, it often comes up that we paginate content to reduce UI complexity, even though the other "pages" are already available. Thinking about this from a keyboard or screen reader ...
1
vote
4answers
272 views

why were cars not designed to drive from center position [duplicate]

Why is it that car driving is on either left or right side? Why isn't it in center like bike? Wouldn't it give a judgmental position to driver if the driving seat is in center like bike has? It ...
37
votes
6answers
18k views

Should disabled elements be focusable for accessibility purposes?

For example, if we have a set up wizard with 3 steps, and the user is on step 1, should the user be able to focus on the control to continue to the next step, regardless of whether or not that control ...
5
votes
3answers
4k views

How to use hover state in mobile view to show info

We have a hover state on the web which shows a small info on hover. How do I show the small info on mobile while on mobile view, there is no hover state?
0
votes
2answers
123 views

Are pop-up's good for mobile? If yes how should you show them in mobile

I am working on a web application. I have a huge data on pop-up. I am attaching a scenario(desktop view) for better understanding. I need to convert this to mobile.

1
3 4
5
6 7
14