Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

1
vote
1answer
36 views

How do you make references accessible?

Let's suppose I have this very basic example (I could have used superscript numbers as well) Accessibility is great* then whatever text or content, then * Book of obvious things Now, how do I ...
3
votes
1answer
38 views

Accessibility in video games, and designing for them

This is not a recent video (at least it was more than a year ago), but I was very fascinated to watch someone with vision impairment (as the result of cancer) playing a fighting game by listening to ...
0
votes
1answer
43 views

Usability or Accessibility

Overview I am writing some UX Guidelines for our organization which is a Software as a Service business. Our organization relies heavily on Presentations, Marking Material, as well as our Software. ...
0
votes
1answer
30 views

When is it 'wrong' to put tabindex=0 on non-interactive content?

I'm trying to fix up a site made with the adaptAuthoring tool after an accessibility audit. One of the audit items is a complaint about the very large number of tabs needed to navigate the document. ...
1
vote
2answers
46 views

Are buttons necessary on product cards?

Lately I've been seeing a lot of product cards without buttons. The idea is that the whole card is the button. Generally it looks card-like and clickable (has a drop shadow on the whole card). I have ...
0
votes
0answers
35 views

How to show a connection status in material design

I have an app that basically is just a "tv-remote" for a device, that the user connects to via Wi-Fi. One thing to consider is that half of the app users are blind or have bad vision. Because the app ...
4
votes
2answers
359 views

Why center align text in 2018? [closed]

I feel like in 2018 I see more centered blurbs and paragraphs on the web. Centered text is a real problem for me because I can't read it. It makes my eyes spaz and my head avert. Am I the only one ...
4
votes
5answers
190 views

What if those with disabilities aren't your user base?

I have a slight problem with accessibility. I have no issue with those with disabilities but here is my problem. They are not primarily my user. I build recruiting sift questionnaires for ...
0
votes
2answers
84 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
20 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 ...
10
votes
4answers
290 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 ...
1
vote
1answer
68 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/...
1
vote
2answers
111 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 ...
0
votes
0answers
39 views

Display errors in table cells

We have a legacy app with large tables. (Not going to change in the near future.) Looking for research or articles on displaying errors for cells in the table. change border to red. Add an icon and ...
3
votes
1answer
46 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
53 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 ...
1
vote
1answer
54 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 ...
1
vote
1answer
41 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 ...
1
vote
2answers
31 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
39 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
90 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'...
3
votes
3answers
232 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
42 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
121 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
71 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
95 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 ...
0
votes
1answer
53 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
3answers
102 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
66 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 ...
4
votes
2answers
198 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 ...
0
votes
2answers
58 views

Impact of regenerating DOM on accessibility

We're considering two approaches to handling a browser-based UI. Regenerate the entire UI view (DOM tree) whenever the 'back end' (model) changes Tweak only the parts that change (marked up as aria-...
5
votes
2answers
172 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
58 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
100 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
50 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
98 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
59 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-...
0
votes
2answers
84 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
101 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
105 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
311 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 ...
-3
votes
2answers
87 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
71 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
142 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 ...
4
votes
1answer
331 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
51 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
238 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
9k 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
164 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) ...