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
122 views

Is Displaying Restaurant Menu Prices A UX/Accessibility Matter?

I am working with a high-class hotel that owns a number of restaurant venues. I have been trying to do some research, but am coming up short with results to back the idea that exposed restaurant menu ...
0
votes
1answer
637 views

How to deal with an image-map regarding accessibility?

Currently, I'm trying to fix some accessibility issues on a single page website. This website consists of various elements (e.g., collapsed menus) in addition to a part where an image-map is used to ...
14
votes
4answers
4k views

What size of a button can a reasonably fat finger comfortably click?

Say my button is square shaped, in a website, and I don't want to cause inconvenience for users with big fingers (and also older people and those who forgot their glasses and aren't precise at hitting ...
2
votes
1answer
399 views

WCAG 2.1: 1.3.6 Identify Purpose - How do you meet the icon requirements for this?

WCAG 2.1 has officially been released so I'd like to try to support it as much as I can. I'm having difficulty understanding guideline 1.3.6 (Identify Purpose). https://www.w3.org/WAI/WCAG21/...
2
votes
2answers
277 views

Text contrast for highly saturated call to action buttons

It's become a part of my way of working that I check areas of my design are adhering to accessibility guidelines, WCAG2.0 colour contrast in particular. At the moment I'm working on creating a new ...
3
votes
1answer
75 views

How to effectively link isolated apps of the same product?

Our product has many categories of features (e.g. Create/Manage sports activities, Book a play field, Book a Coach, Entertainment related events etc). However, we plan to divide these features into ...
1
vote
1answer
105 views

Focus blur on client routing ideal for SPAs?

I have a single page application. There is a page with products and on the bottom a link to go to the next page. Upon clicking this "next" link the list of products in the DOM is replaced. While the ...
4
votes
1answer
544 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
2answers
644 views

Forms with conditional sections - Accessibility

Business banking space. I have a very long form, broken into multiple sections, across several pages, with Save, etc. We only support Eng and Fre as languages. But the business could be anywhere, so ...
2
votes
3answers
865 views

WCAG AA Compliance and Card Patterns

Question on product cards and WCAG AA compliance. We are specifically questioning the link styles of this clickable cards—which take you to a new page. Each card you see has a focus + hover state ...
2
votes
1answer
51 views

Is a 'single tab-stop' a valid goal for a toolbar which is almost the whole of the UI?

This W3C best practice document says To optimize the benefit of toolbar widgets... Implement focus management so the keyboard tab sequence includes one stop for the toolbar and arrow keys move ...
1
vote
1answer
107 views

Is a title attribute still required for imagery?

If an image is featured on a landing page and isn't a hyperlink, is it still relevant to make use of the title attribute? I'm seeing less and less websites make use of it and with mobile websites it'...
4
votes
3answers
5k views

Content slider / carousel accessibility best practices?

I'm building a content slider for a news site and faced with the issue of keyboard and screen-reading accessibility. Case #1: Pure image slider For generic image slider it appears you can go with ...
1
vote
1answer
48 views

Opening T&C and Privacy Policy as a PDF? Any accessibility issues?

One of our clients requested a strict formatting for their T&C and Privacy Policy documents so I suggested opening the entire document as a PDF instead so that the formatting is maintained (not ...
3
votes
3answers
2k views

Does faceted search fail accessibility?

Forms that use faceted search filtering present a series of categories to filter search results by. Selecting a filter option will typically auto-submit the form instantly and present the filtered ...
2
votes
1answer
88 views

Is there a way to know what or which disability a user might have?

Like nearly everyone here I try to make the websites I create a user friendly as possible. This includes any problems that might arise with accessibility. I use ARIA in my HTML, I pick colors with ...
0
votes
1answer
112 views

Are there any science based studies on separating username and password in two screens?

I was trying a similar approach to google which login in 1 page and password in the second but a coworker said that for accessibility reasons password and login should be in one screen. Is there any ...
3
votes
1answer
153 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 ...
8
votes
3answers
2k views

Can screen readers interpret Unicode styles fonts such as bold and italics?

I have seen serval social media channels using Unicode to make part of their text bold or italicised on websites such as Twitter, where this sort of thing is usually not possible. It crossed my mind ...
0
votes
1answer
174 views

Does a basic login form need to state required fields to pass accessibility?

One of the accessibility criteria is "3.3.2 Labels or Instructions" and one of the ways to meet that criterion is by identifying required fields. https://www.w3.org/TR/WCAG20-TECHS/H90 Is a website ...
5
votes
2answers
434 views

Can palettes be unambiguous for colour blind users?

I am making design recommendations for a piece of software that wants to accommodate entirely illiterate users. A suggestion that has been made is to assist these users by employing "color coding" on ...
10
votes
2answers
704 views

How to make effective call to action for blind people?

I’d like to know about techniques and good practices for CTA (call to action) for blind people. Of course I use WAI-ARIA, sr-only and whatever technique I need to make pages accessible, but I wonder ...
2
votes
1answer
133 views

Hovering Navigation Arrows

Is there any modern and accessible approach to implementing "hovering navigation arrows"? I was given a website layout to implement which features "hovering navigation arrows" to navigate to the ...
0
votes
2answers
442 views

Instant typing search pattern

I've been meaning to implement the pattern of an "instant search" on a Desktop site, which would work by simply starting to type and have the input focused on a search form. The only example I have ...
1
vote
2answers
296 views

Should user uploaded images have alt tags?

Situation Our product has a messenger where you can upload images. We want our product to be accessible. However, user uploaded photos may not necessarily have alt= tags in them. What do we do? ...
1
vote
2answers
730 views

Are URLs in alt text usable?

In a recent edit I made on UX Stack Exchange, I added some alt text to an image that contained the URL of a page at which the reader could see a textual version of the content in the image. However, ...
0
votes
1answer
943 views

Tab order of close button in popup with tab panel

My first post here. I am sure it won't be the last. I am developing an accessibility prototype which features a popup tab panel. I followed the recommendations at https://www.w3.org/TR/wai-aria-...
2
votes
2answers
487 views

How do you test accessibility with users when you only have prototypes?

I want to do some accessibility user testing, but don't have the built product yet. Much like usability testing i want to test as early as possible and as frequently as possible. Will a prototype, ...
0
votes
1answer
321 views

Are there any good web accessibility training courses/tutorials (online)?

I'm looking for recommendations for online courses on web accessibility. I know the actual guidelines are out there, but my aim is to find a survey of guidelines and best practices in an easy-to-parse ...
1
vote
1answer
53 views

Why is full space not used to show pages in Google sheet

I was using google sheets and saw this ( Please refer image). Space was limited to a certain number of sheets though there was space left towards the end. Is there any logic for this ??
1
vote
1answer
314 views

Accessibility: Registered Trademark logo in Text Logo custom font face

I have created a custom font face for a client's logo, which is a registered trademark. For SEO reasons, the Logo is in a H1 tag at the top of the page. From an accessibility perspective, would it be ...
6
votes
3answers
411 views

How come there's no standard way to submit a web form with the keyboard?

I know that in general you can hit Enter while focused on a form field to submit a form. However certain elements like selects and textareas break this behavior. How come we don't have a web standard ...
-2
votes
2answers
118 views

WCAG 2.0 compliance: do I have to support browsers

I am using the S508 Refresh with WCAG 2.0 in it. Do I need to support the current browser or can I design to browser in particular, like Chrome? I have a personal view about it and I just want to make ...
2
votes
2answers
77 views

How to decide how accessible a product should be?

I'm currently working on several projects with multiple organisations. We are generally barely given any resources to implement tons of accessibility functionalities to help disabled users (I know how ...
3
votes
2answers
544 views

Should a collapse automatically scroll

Content from collapsing items can render 'below the fold' should the behaviour be to push them above the fold so users can see or is auto scrolling worse experience? Example of collapse Example of ...
5
votes
1answer
1k views

Contrast ratio for button background color?

I am working with making a website WCAG II compliant. The designers are asking to use yellow buttons (specifically, #fcdb31) with blue text on top of them on white backgrounds. While the blue type on ...
1
vote
1answer
110 views

Using selection feedback to make a color-coded seat map usable for colorblind users

I am designing a seat map in which different seats will be in different zones. Each zone has a different price, so the zones are highly relevant to the user during seat selection. However, because ...
2
votes
1answer
694 views

Is focus outline useful on elements that can't be focused with tab?

I heard that: using tabindex="-1" makes an element not accessible via tab, but still focusable manually focus should be visible In a situation with navigation on top, with links that cause the page ...
70
votes
9answers
11k views

Colorblind: status shapes

I was working on a table, with status icons. I was using colored dots (yellow/red/green color) to transmit the status (success, warning, danger)... Obviously, this is a problematic move if we think ...
4
votes
2answers
238 views

Pin code - accessible mode

I'm working on the login and login creation of a secured website. It's the kind of login where a keypad is displayed, all the numbers are in a random order and you need to click on them. (ugly) ...
1
vote
3answers
125 views

When to inform a user that an app requires touch ID for certain actions?

We are building an app that is financial in nature and as per client requirement, there are certain actions that 'touch id or face id' is required to proceed. Therefore, users who are using phones ...
1
vote
1answer
2k views

Are google charts WCAG compliant?

Exploring them using Windows Narrator I would say not completely, because the screen reader reads a lot of unnecessary data before going through the table, but I'm new to WCAG and accessibility and I ...
0
votes
1answer
536 views

Comfortably legible base font-size?

I'm trying to figure out a comfortably legible base font-size for all screen sizes, on a platform that supports several languages. Anyone worked on a similar project? If so, what was your outcome and ...
1
vote
1answer
472 views

What are the best examples of accessible highlighting online? [closed]

I'm seeking Accessible Highlighting online and not seeing much. I'm well versed in high-end accessibility, but I am having trouble finding ANY examples of accessible highlight, let alone best-of-...
5
votes
4answers
208 views

What are the accessibility implications of forcing a user to read terms and conditions before they can accept them?

I'm working on a project currently where the client organisation deals with vulnerable people regularly. This has resulted in the weird situation where 1) they're really obsessive about legal ...
1
vote
1answer
366 views

inline form validation when user tabs out of an empty field

My question is similar to Should inline validation check empty fields if user only tab the field but do nothing and skip to next field?, but a bit different. Let's say I have a form containing a few ...
-1
votes
1answer
100 views

Two Click actions on mobile screen

I was working on a mobile project and I faced a problem. How do I show if there are two different actions on a single object in mobile? In this screen all options have sub-options that appear on a ...
0
votes
1answer
56 views

Predicting Flaw in users action and giving feedback to user

Recently when I was using Gmail i ought to notice that Gmail runs an algorithm by which if user types " I have attached " in a mail and does not actually attach mail it shows a dialog confirmation ...
1
vote
1answer
314 views

Visual consistency of in content headings and headings in/under tabs structure

I'm looking to define what makes more sense in a page visual hierarchy for both visual design / consistency & accessibility. We commonly have tabs under our h1 heading. Each tab content block ...
3
votes
2answers
217 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
3 4
5
6 7
15