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
2answers
75 views

Should we explicitly alert the user that an operation they performed was successful/unsuccessful, even though it's implicitly obvious?

We have a few buttons on our website that when clicked do somethings that are obvious (download a file, open a new tab etc) but don't actually change anything on the webpage. The answer here https://...
2
votes
1answer
82 views

Using text-shadow for accessibility

I'm interested in understanding whether there has been any research or confirmed values for using the text-shadow property with the goal of meeting WCAG minimum colour contrast values. In my ...
0
votes
1answer
76 views

Do PDF menus on restaurants' websites make the site not fully accessible?

I'm a UX/UI Design student working on a competitive audit. I'm checking the accessibility of the websites with a screen reader and noticed that restaurants usually have a PDF menu which is not ...
2
votes
2answers
269 views

When to show content as un-editable vs disabled

The company I work for is integrating some new users data into our platform and it's brought on a new set of challenges. One area in which I'm undecided is this: Users have a set of tags which can ...
0
votes
0answers
75 views

Why is Amazon using Text Fields instead of Radio Buttons for mutually exclusive options?

I have been trying to return an item on Amazon, and this window popped up asking me to fill in the bank details. Although they have used Radio Buttons in the first line for Yes/No question, Account ...
1
vote
1answer
30 views

Accessibility for charts

We have several charts of different types across our application (donut, bar, line) that have their data fed in through APIs based on user selection (and therefore I have no control over the amount of ...
1
vote
2answers
125 views

Is there a standard keyboard only method of removing focus from all HTML form inputs?

When navigating an HTML form using Tab, a properly designed form will allow that all interactive elements are accessible and focusable, but how does one break out of the focus using the keyboard? ...
16
votes
1answer
3k views

Is it acceptable to allow users to navigate through web fields using arrow keys?

The scenario: A 20+-year-old legacy desktop system is being uplifted to a SaaS/web platform. Each screen contains a large amount of input fields. Traditionally, users have built "muscle memory&...
0
votes
1answer
161 views

508 compliance question

For those with knowledge on Material Design and 508 compliance..are there any issues with using an "outlined" text field vs the filled" text field? We're thinking of using the "outlined" text fields, ...
1
vote
2answers
104 views

Where do I place a side navigation panel for wide screen displays?

I'm building a UI with a side panel for navigation links. The content of the page would have a max-width while the sidebar stays fixed when scrolling the content. I'm not sure where to place the ...
14
votes
7answers
18k views

Why don't we use Left navigation for website?

Left navigation is becoming a more widely used trend in Web Applications; for example, it is utilized by Zoho Books, Slack, Gmail and others. More valid reason to move Left navigation, like screen ...
1
vote
2answers
174 views

How to make tables accessible

The main issue is that if some cells are NOT clickable and others are, then it will be a poor user experience if user tries to click on the cell and nothing happens. I need some help in writing labels ...
19
votes
11answers
8k views

Scrollbar on the left

Is there a deep study that suggests to place a scrollbar on the right? Personally I move it to the left whenever possible (Firefox allow this, as well as xterm and emacs). I know that placing a ...
2
votes
1answer
43 views

How to lead AT users from non-accessible content to an accessible alternative

The Drupal website I'm working on has a traditional grid style calendar. The main view of the calendar is based on the Full Calendar JS library. After testing it with a screen reader I decided it wasn'...
2
votes
1answer
37 views

Visually hidden labels, usability, accessibility and WCAG 2.1 compliance

I'm trying to understand how visually hidden labels fit within the accessibility and the WCAG 2.1 spec. It seems to me that as long as an input has a programatically associated label (whether that be ...
22
votes
5answers
3k views

Why would the search input field not get focus when the page is loaded?

Opening up google.com I see that the search input field gets focus automatically, i.e. the cursor is already blinking in the field and users can start typing right away. In contrast, amazon.com or ...
2
votes
0answers
52 views

Should keyboard focus restart at the top of the site after navigation in a single page app?

In a traditional website, the entire webpage is reloaded after a navigation event, so the user's focus always restarts at the top of the document—in our case, that means the first Tab press would ...
0
votes
1answer
130 views

How do you make a tab (or menu) less accessible?

We have a pop-up menu with 3 tabs. All three tabs rank in importance. When clicked on an element in a page, you get a pop-up with the first (base) tab active where you see all the information you ...
3
votes
2answers
973 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 ...
0
votes
1answer
74 views

How should a screen reader pronounce links and buttons?

When a screen reader reads links, should they be pronounced as 'Link button', or 'Link'? Example: Show more... (a link): should the screen reader say 'Link button', or 'Link'? Also, how should the ...
4
votes
1answer
105 views

How in depth should a screen reader when it does the first read through of a page and a form

Take the following mockup as our example case: Page Title Page Instructions Field 1*: [ text input ] Field 2 : [ text input ] Field 3*: [ text input ] [Reset] [Submit] We ...
2
votes
1answer
53 views

HTML Aria function not being read by screen reader - Bad design?

I'm looking into how accessible some websites are using WebAIM's WAVE tool. Many websites nowadays use the burger menu symbol to indicate the menu (YouTube and Gmail for example) and often I see the ...
1
vote
4answers
153 views

Legibility and contrast for light weight sources. Regarding accessibility

I am developing a web application, starting from an approved design, I have the task of evaluating if it is readable. The question is: the light body, modifies the consideration over the contrast? ...
2
votes
2answers
61 views

WCAG 2.1 Compliance: How does it apply to password-protected web and native apps

As stated in the title, I'm curious if anyone has resources explaining (or experiences with) any adjusted WCAG criteria for "gated" applications. Does something being behind a password wall, ...
3
votes
1answer
899 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
55 views

Tabbing into a hidden navigation menu

This is a question about the interaction between navigation via keyboard (tabbing) and initially-hidden navigation items. I’m asking from both a UX and accessibility perspective. My site has a slide-...
3
votes
3answers
71 views

Keyboard navigation over repeating informational elements

I have a UI like this. The user navigates through a list of people. To the right, there are two labels: Assigned and Active. A mouse user can click on the label to see some help text, as shown on the ...
4
votes
1answer
163 views

Distinguishing aria-live speech from UI accessible names

We just ran our first user test of an accessible UI prototype with blind and partially-sighted testers. In spite of my efforts to follow the various recommendations and WCAG specifications, there were ...
4
votes
2answers
85 views

Is using the @ (at sign) an acceptible replacement for the word "at" for screen readers?

When thinking foremost about accessibility, is there any issue in replacing the word "at" with the @ (at sign)? Example 1: "meet me @ 2pm" vs. "meet me at 2pm" Example 2: ...
5
votes
1answer
576 views

Creating an accessible, animated, and responsive navigation system

I've been struggling for the past couple weeks to design the perfect navigation (menu) system for my personal website which I am designing. First, I need a system that is completely accessible as I ...
2
votes
1answer
2k views

Is an English only aria-label better than no aria-label at all for non-English speakers?

We have a set of buttons that have a single icon for the content and no text content. One example, a button in the top left of a modal that has an 'X' icon which is an image file. To better ...
2
votes
1answer
1k views

Card with Button or Completely Clickable Card

If a card has a button, the CTA will be clearer but it'll be more useful from usability point of view if the card completely clickable. So in mobile, will a card with button or a completely clickable ...
2
votes
1answer
62 views

Help on separating terms in autosuggestion [duplicate]

I was working on a solution where we introduce an autosuggestion component to our users so we can enable them to fill the required information in a better way. This list use more than 1000 words in ...
8
votes
2answers
6k views

For correct accessibility, how should I title an iframe?

We've recently begun using Google Tag Manager on our site, as well as using a tool that tests accessibility. Running our site against WCAG 2.0 Level A results in an error (WCAG 2.0 Level A 2.4.1 and ...
0
votes
1answer
106 views

Best design for product list page of an e-commerce website

I am working on an e-commerce website. I want to display the summary of search result and want to know which layout is the best? The information that I am sowing are: Ad title Price Location ...
-1
votes
1answer
71 views

HTML Elements to use with Image and Text used as a link

What are the correct HTML elements instead of just a div to use when presenting an image and text just below as one link? I would like for the image and text to be presented in an a11y correct manner.
10
votes
7answers
18k views

Which fonts are designed for accessibility and good screen legibility?

Ideally I need something that has been specifically designed for easy reading on displays. Accessibility is key really. Does anyone have a suggestion for a good webfont that looks fairly similar to ...
1
vote
2answers
115 views

Should screen readers read the content without tab or with tab?

I am designing a web application, which can be accessed by any visually impaired person. This web application contains various pages, and each page can have paragraphs with links, form input fields, ...
7
votes
1answer
146 views

What element to focus after user input on a chatbot?

This is similar to What element should have the focus after a search?, but not the same case. I'm building a chatbot with Flutter (mobile). This is the flow: Bot asks a question. User is presented ...
3
votes
3answers
401 views

Is a bottom sheet with no close button accessible?

I'm using a bottom sheet. On Android, people can use the back button to close it, drag it down or tap outside the area. On iOS, people can drag it down or tap outside the area. I'm just wondering if ...
0
votes
1answer
68 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 ...
6
votes
2answers
752 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 ...
9
votes
4answers
467 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 ...
2
votes
0answers
45 views

Direct voice interactions examples in use as an alternative to voice assistants

After reading an article explaining the difference between using your voice to controlling the UI (i.e. direct voice interaction) compared to dealing with a voice UI (e.g. chatbots or voice assistants)...
1
vote
1answer
30 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 ...
3
votes
2answers
71 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,...
3
votes
3answers
77 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 ...
1
vote
2answers
92 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 ...
2
votes
2answers
46 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 ...
7
votes
1answer
4k 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. ...

1
2 3 4 5
15