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
1answer
473 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
2answers
596 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
47 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
105 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
3k 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
45 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
929 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
82 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
106 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
131 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 ...
7
votes
3answers
770 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
123 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
398 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
490 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
108 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
325 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
211 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
385 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
569 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
333 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
312 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
52 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
240 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
371 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
115 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
76 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
442 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
996 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
102 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
634 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 ...
69
votes
9answers
10k 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
216 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
122 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
1k 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
515 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
333 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
161 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
284 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
92 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
55 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
248 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
201 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 ...
5
votes
2answers
237 views

Accessibility Tools on StackExchange sites

I am taking an HCI class this semester at school and one thing that is glaringly obvious is how the design of current online platforms is wanting in certain areas such as accessibility. Why do a ...
3
votes
1answer
588 views

Pagination using keyboard arrow keys

On Vimeo.com, you could paginate using keyboard arrows, if you want to. I haven't seen this functionality on any other website. Is keyboard pagination a good option? I'm wondering since I only see it ...
1
vote
3answers
318 views

Amazon.com and Amazon.in Interaction Difference . What is the reason

I recently noticed some differences in amazon.com and Amazon.in. In amazon.com when you click on Departments a dialog opens on a dark transparent overlay while amazon.in does not have a dark ...
3
votes
5answers
545 views

Module Tab & Navigation tab Interaction

I am currently working on an enterprise website with loads of different views/content. I have chosen tabs as a navigation and each tab has a new view in it .On top of this, i have grouped all these ...
0
votes
1answer
234 views

On-screen directions in UI: telling users to do the obvious

Should we include directions to a user in the UI content that tells them to do something that is visually obvious? For example, we inform users that they need to verify their device. Text includes "...
1
vote
2answers
315 views

What heading to use in a Bootstrap alert [closed]

In Bootstrap there are dedicated alerts. https://v4-alpha.getbootstrap.com/components/alerts/ According to the code on that site, the headings in an alert shall be h4, but I'm not quite sure that's ...
0
votes
1answer
52 views

Can layout size vary when user changes tabs?

I have been working on a project where I had a case of showing a different set of data (different views) in different tabs. So I had to change layout size in each tab according to the dataset. Is it ...
1
vote
2answers
216 views

Grid: Generic filters Vs column level filters

I had a case where there is a view and on that user can apply any filter. Once filter is applied > it affects all the tabs present in that view. Is this approach right. Check this image Or should ...

1 2 3
4
5
14