Stack Overflow
Stack Overflow

Questions tagged [wcag]

Web Content Accessibility Guidelines (WCAG) are part of a series of Web accessibility guidelines published by the W3C's Web Accessibility Initiative.

Web Content Accessibility Guidelines () are part of a series of Web accessibility guidelines published by the W3C's Web Accessibility Initiative ().

They consist of a set of guidelines for making content accessible, primarily for disabled users, but also for all user agents, including highly limited devices, such as mobile phones.

The current version is 2.1, which became a W3C Recommendation on 05 June 2018, content that conforms to WCAG 2.1 also conforms to .

The publication of WCAG 2.1 does not deprecate or supersede WCAG 2.0. While WCAG 2.0 remains a W3C Recommendation, the W3C advises the use of WCAG 2.1 to maximize future applicability of accessibility efforts.

397 questions
3
votes
1 answer

Why do I fail ADA Compliance on WordPress Headers by jumping from

to

?

I am tasked with structuring our current website into ADA compliance and it has been a pain to get everything updated, so I have some questions regarding the headers. We have the following code in on of our "Page Templates":
…
Sem
  • 55
  • 5

3
votes
1 answer

How to make an audio level indicator accessible?

I'm trying to build an accessible audio indicator for a WebRTC video chat. It should basically show how loud you're talking, when you're talking. Here is the isolated code (for Codesandbox, you need to install styled-components). import React, {…
J. Hesters
  • 13,117
  • 31
  • 133
  • 249
3
votes
3 answers

Providing an alternative text for a text in screen reader for non-interactive text

I have the following markup:

Lorem ipsum blah blah

But I want to substitute the Lorem with "Something else" just for the screen readers. How can I do that? I won't be able to use aria-label as span is not an…
Suthan Bala
  • 3,209
  • 5
  • 34
  • 59
3
votes
1 answer

How to improve browser autocomplete suggestions without turning them off?

There are ten gazillion threads on here re. how to disable browser autocomplete behavior, e.g. How do you disable browser Autocomplete on web form field / input tag?. I do not want to set autocomplete="off" for my form fields. As the MDN…
natevw
  • 16,807
  • 8
  • 66
  • 90
3
votes
5 answers

Web accessibility and h1-h6 headings - must all content be under these tags?

At the top of many pages in our web application we have error messages and notifications, 'Save' and other buttons, and then our h1 tag with the content title. When making a web application accessible, is it ever acceptable to have content above the…
user17777
  • 341
  • 2
  • 4
  • 9
3
votes
1 answer

Accessibility rules for generic lifestyle background video with no audio as it relates to WCAG 1.2.5 Audio Description (Prerecorded)

I think I understand the WCAG 1.2.5 Audio Description (Prerecorded) rule, but what I can't find a straight answer on is if what if the per-recorded background video provides no real value, like if it's just a short video of someone walking on a loop…
echristo66
  • 198
  • 1
  • 14
3
votes
1 answer

Do I need to use the ARIA role attribute on custom radio buttons to be compliant with accessibility guidelines?

I have the following HTML to create a custom radio button that appears like a yes/no toggle. To comply with WCAG guidelines, would this markup require a role="checkbox" ARIA attribute on the label? Because I have a native HTML radio button in the…
noclist
  • 1,659
  • 2
  • 25
  • 66
3
votes
2 answers

How should headings be handled in global elements for accessibility purposes?

In many designs, a number of headings may appear in the header, footer, or other global elements of a website. One example would be denoting "Contact Us," "Our Address," and similar sections in the page footer, or a tagline in the page header. In…
JacobTheDev
  • 17,318
  • 25
  • 95
  • 158
3
votes
1 answer

Video accessibility

our clients gave us a video that is mostly B-roll so they are saying they do not need to add captions to make is ADA compliant, but I'm not sure that is true. I know for images, if it's purely decorative you just leave your alt tag empty, but does…
Kathryn Crawford
  • 611
  • 1
  • 10
  • 27
3
votes
1 answer

ADA compliance - Wrapping input in label vs adding label before input

I am working on a website to implement ADA compliance. Which is better approach in terms of ADA compliance: VS
3
votes
0 answers

How do I get VoiceOver on Ipad in Safari to loop through the children of a focused element?

Unlike desktop screenreaders, the Ipad version of VoiceOver appears to deal with a focus change to an element by grabbing the first textnode child that it sees and reading that only. In desktop readers they instead loop through the child elements,…
David Harvey
  • 31
  • 1
3
votes
1 answer

Angular Bootstrap implementation for keyboard accessible dropdown submenu?

My goal here was to make a submenu with sane keyboard and screenreader behavior, using: AngularJS jQuery Bootstrap 3 the CSS submenu implementation from 'css - Bootstrap 3 dropdown sub menu missing' Here's a starting point showing how submenus…
melanie johnson
  • 597
  • 3
  • 16
3
votes
2 answers

Windows Narrator and aria-describedby

I'm using aria-described by on a few radio buttons so that screen readers will first read the radio label and then the description text to give more information. Due to the structure of the page I can't use a fieldset. Many source accessibility…
Zoom
  • 401
  • 5
  • 9
3
votes
2 answers

After WCAG 2.0, Should we follow any guideline of WCAG 1.0?

WCAG 2.0 is released should we follow only WCAG 2.0 guideline or we should combination of both no need to consider WCAG 1.0 now? or if I'm considering WCAG guideline then do i need to consider any other guideline along with WCAG like RNIB, DDA Act,…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
3
votes
2 answers

WCAG Anchor link

I've been trying to find in the WCAG or WAI guidelines the appropriate way to create a link anchor. I currently have a site that has anchors like these:

Blah H2 Content

but since I don't want to add unnecessary…
Rywek
  • 143
  • 10
1 2 3
…
26 27