Questions tagged [wcag]

Web Content Accessibility Guidelines (WCAG) is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally

Filter by
Sorted by
Tagged with
2
votes
1answer
132 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 ...
2
votes
2answers
67 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, ...
2
votes
0answers
53 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 ...
1
vote
1answer
73 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 ...
2
votes
2answers
543 views

Accessible line height for headings (h1, h2, h3, etc)

We are working on making our product's typography WCAG accessible. This is what MDN says regarding the line-height: Use a minimum value of 1.5 for line-height for main paragraph content. This will ...
1
vote
1answer
39 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 ...
0
votes
1answer
100 views

Accessibility - SC 1.4.4 - Placeholder text not visible when browser zoom is set to 200%

I have a question regarding SC 1.4.4 Resize Text for Placeholders for inputs. I am not for the design we currently have, but have to work a solution with whatever design I have. The first row in the ...
2
votes
1answer
171 views

Image comparison sliders and visual accessibility

I am creating an image slider for a site, and I am confused on how to successfully meet wcag requirements. Below is an example that conveys the idea of what I am creating. I have read a couple ...
5
votes
1answer
181 views

Why do many prominent web apps use blue primary button with white text, when it fails the WCAG 2.1 contrast threshold

WCAG 2.1 says to have a minimum contrast ratio of 4.5:1, but blue primary buttons of Twitter, Figma and Outlook have white text which fails to cross the threshold ratio. Is there another scientific ...
1
vote
1answer
62 views

Is specifying link colours a violation against WCAG's Success Criterion 1.4.8?

The text of the WCAG's Success Criterion 1.4.8 page says: Success Criterion 1.4.8 Visual Presentation (Level AAA): For the visual presentation of blocks of text, a mechanism is available to achieve ...
3
votes
1answer
90 views

WCAG 3.0 structure and assessment criteria benefits in current practice

Even though it is currently in draft form, the WCAG 3.0 document is looking to be more user-friendly and easier to assess compliance against. I think the change in the document structure and language ...
3
votes
1answer
261 views

Accessibility and Autoscroll

I have a scrollable list of items, with a possibility to add a new item to the list. The new item always appears on the top of the list. Also in order to inform the user that an item has been ...
2
votes
1answer
442 views

(Accessibility) - Back button placement on the page in SPA

I am working with an SPA with Angular and the designs indicates that there is a back button and it is before the Page level heading usually the H1. For SPA, it is a general practice that we place the ...
2
votes
1answer
54 views

What level of compliance does a chart with patterns have in WCAG 2.1?

The following is an example of a chart using patterns. When a chart uses patterns (instead of plain colors) to separate sections, in which category of WCAG levels does it fall – A, AA or AAA?
2
votes
2answers
73 views

Validity of PDF for image description

I am talking about a site in which certain images contain mission-critical information. I was wondering: would a solution in which a PDF file is replacing an image description (and ALT) ever be ...
0
votes
1answer
46 views

Is 200% browser enlarge an alternative for colors with contrast less than 4,51:1?

I have a website that has font size for body 14px. All the colors have contrast ratio of 3:1. wgac 2.1 states that normal fonts should have a ratio of 4,51. But if the user zooms in the site, normal ...
2
votes
1answer
106 views

Should alt text be added to an image of a person for WCAG compliance?

Question I am trying to comply with the WCAG accessibility rules for alt text attributes. The decision tree at the following link explains when alt text attributes are required and when they are not: ...
1
vote
0answers
31 views

What controls are in-scope of WCAG 3.3.2 Labels or Instructions?

Based on what I understand this criteria requires the visible label of an input to be clear and precise on what is the expected input, especially if the correct input requires special formatting. What ...
1
vote
1answer
62 views

Purpose of this from the WCAG guidelines about text-spacing

I need help understanding this guideline about text-spacing. I'm wondering what is the purpose of these text style properties in the bulleted points. My understanding is that users should be able to ...
5
votes
1answer
2k views

Does WCAG (2.1) apply to native (iOS, Android) mobile apps?

WCAG stands for Web Content Accessibility Guidelines, but it never defines what is meant by "web content". Many of the success criteria are defined in terms of "user agent" as if they meant a web ...
4
votes
1answer
83 views

Best way to get a WCAG report for an Android App?

To ensure usability of our app and also to have something that we can present to the outside, we need to have a report on how accessible our app is. It has to comply at least to the WCAG AA standard. ...
5
votes
1answer
226 views

Accessibility testing (with Microsoft Narrator as screenreader)? Somebody here with some practical guidelines?

As a front-end developer in a small business agency ( < 30 developers) I am trying to be better at accessibility testing and screen-readers are a must then. I am a Windows user and also has access ...
0
votes
1answer
262 views

WCAG 2.1 Reflow vs Resize Text

The WCAG 1.4.10 Reflow asks to support width 320 CSS pixels without horizontal scrolling. The requirement is written in such a way that an author can test for reflow on a desktop browser with typical ...
8
votes
1answer
6k 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. ...
0
votes
0answers
163 views

Focus behavior in a modal navigation drawer?

How should focus ideally behave in a modal navigation drawer (much like the one from Material Design)? The modal would appear when I webpage is viewed on a small screen, be opened using a hamburger ...
1
vote
2answers
98 views

Contrast of a message box

I'm in the middle of updating the colours of our app and making them as consistent as possible, but also trying to bring them in line with the WCAG AA rating for contrast. One area I'm unsure if I ...
1
vote
1answer
108 views

Color contrast too low, but element good visible

I am checking a software against the software ergonomic requirements of WCAG 2.1 Level AA. On part is the colour contrast, which must be for graphics 3.0:1. In the following graphic the orange part is ...
3
votes
1answer
159 views

Do links to inaccessible sites make my website inaccessible?

My website contains links to third-party websites, mostly articles on news websites. If these third-party websites are not accessible, and I am trying to meet WCAG 2.0/2.1 AA standards, do these ...
1
vote
1answer
117 views

Setting a shortcut to change focus to a different section in a web app?

Let's say you have a web app with 3 sections. A left nav menu, a toolbar/settings section, and a main application area. Most of the time, the user will be engaging directly with the application, and ...
0
votes
1answer
102 views

Should all toolbar buttons have shortcuts / hotkeys?

It seems like many products have hotkeys for "simple" toolbar functions like bolding, etc. -- functions that apply to a selection but don't require further input. For functions that require further ...
1
vote
3answers
776 views

Why WCAG 2.0 doesn't comply with its own line length criterion of 1.4.8?

WCAG 2.0 Success Criterion 1.4.8 clearly specifies that to achieve AAA conformance level, Reading content in a single line should not exceed 80 characters for non-CJK (Chinese Japanese & Korean) ...
10
votes
5answers
11k views

Does hover state button text need to meet accessibility guidelines?

I've got a basic understanding of accessibility and how it applies to visual elements of your product and I'm keen to apply guidelines as best as I can. My question is does the hover state button ...
3
votes
2answers
391 views

What does 'A' stand for in A, AA & AAA accessibility conformance levels

I have been going through WCAG 2.0 guidelines and I couldnt find any reference to the letter 'A' in Conformance levels of A, AA & AAA standards. What does letter 'A' stand for ? Is it an ...
1
vote
1answer
587 views

WCAG 2.1 contrast issue for Google/Angular Material Design

I'm relatively new to accessibility compliance, but my research has found a confusing anomaly: The Angular Material buttons, links, etc are apparently WCAG compliant, yet do not seem to have the ...
0
votes
2answers
69 views

Is Linking to a Contact Form a Web Accessible Solution for a Live Chat Button?

I have a website that has a "Contact Us" button that opens a live chat window. It looks like this: This particular live chat provider is not accessible to those with disabilities. We contacted them ...
2
votes
2answers
2k views

For Screen Readers: How to markup a group of text items to be read as one item? Should I even try?

How might I mark up the following component in accordance with WCAG 2.1 guidelines, accessibility best practices, and with as much assistive technology compatibility as possible (I don't want to ...
3
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 ...
0
votes
1answer
109 views

Should We Replace Link Attributes/Values When We Prevent Default Link Action?

There are times when I, a custom theme, a contributed module or library, prevents the default action of an <a> tag. This is not uncommon and needed when implemented. Something like e....
0
votes
2answers
834 views

Availability of tooltip text for keyboard users

I am programming a desktop application and I use some icon-buttons without labels. I do not want to use Labels because of layout. So I set to every icon a descriptive tooltip text, because some icons ...
4
votes
3answers
105 views

WCAG/ADA Compliant Notice

A client would like to notify its users that their website is ADA compliant. Let's say the site meets all the criteria to be compliant, and all the copy is written by their legal/copy teams, where ...
0
votes
1answer
68 views

HELP tackling huge WCAG 2.0 compliance project! Need advice, please

I need advice on how to tackle a really big project. The project consists of getting the production and future support website WCAG 2.0 complaint - for both mobile and web: Production website: is ...
1
vote
3answers
524 views

Techniques for handling opening a new tab and ensuring web accessibility with WCAG 3.2

WCAG 3.2 indicates that content should be provided in a predictable format and that subsequently when a new tab is opened on a click that the user is made aware of this. I have a webpage with a list ...
14
votes
3answers
2k views

Maximum contrast ratio for good accessibility

So we are remaking an enterprise app from scratch. This time we want to base our design decisions on proper research. Our users use the app 24/7 with high requirements for UX. So our main goal is to ...
4
votes
4answers
378 views

WCAG 2.0 color contrast - How strict do you need to follow?

I have some buttons with a purple background and I am trying to set the text color so it is in compliance of the WCAG 2.0 color contrast rules. My issue is that I just don't understand how based on ...
4
votes
5answers
227 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
1answer
839 views

WCAG: Can I just link users to a high-contrast mode tool?

I'm on a project that needs to comply with Section 508 and WCAG 2.0, and we are going to support all the accessibility tags and everything just fine, but then I hit a snag with color contrasts... ...
1
vote
1answer
88 views

Color contrast for graphics

I'm trying to find information about minimum contrast ratio between graphic elements (e.g. a bar-graph and its background) but I can't seem to find any. Are there any good practices? WCAG 2.0 ...
3
votes
1answer
440 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/...
0
votes
1answer
215 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 ...
2
votes
1answer
2k views

To meet WCAG AA on desktops, what is the minimum space required between two click targets?

I have already looked at these: 1. WCAG 2.1 for Target size 2. button sizes on web pages on Stack Exchange 3. Material Design Google Guidelines for Buttons 4. Spacing between UI components on Stack ...