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
2
votes
1 answer

Importing dynamic content to a HTML page without JS or server-side scripting

A client requires my company to create a web-based learning resource to distribute to a large number of users. As such, they have some strict standards to ensure that everyone is able to access it (so it must conform to WCAG 2.0 and their own…
DNJohnson
  • 776
  • 5
  • 11
2
votes
1 answer

WCAG 2.0 redundant links

I've tried searching but can't seem to find a straight answer regarding redundant links and WCAG compliance. I have a product collection/category page with a list of products. Each product has a product image, name, price, and 'Learn More' button.…
Axion
  • 682
  • 4
  • 20
2
votes
2 answers

What is the required browser compatibility for complying with the WCAG 2.0?

What determines the required compatibility in the WCAG 2.0 guidelines? If everything works perfectly in FF/Chrome/Edge but not in IE11 or 10, or 7 or 5, is this a fail? If it is a fail, is there a place that lists minimum compatibility? I assume…
Danigoodw
  • 379
  • 3
  • 10
2
votes
1 answer

How to properly account for WCAG name, state, value, and role when using an icon as a toggle button

Frequently I'm faced with the task of using material icons and turning them into interactive buttons. For instance, there might be an icon that when clicked reveals text and rotates. When it's clicked again it rotates back to the original position…
Dog
  • 2,726
  • 7
  • 29
  • 66
2
votes
2 answers

jquery tab wcag accessiblity: role presentation is not allowed for given element; Ensures role attribute has an appropriate value for the element

Jquery tab is adding role="presentation" to anchors and as per axe tool , it is WCAG violation, how to fix this? Element source Nunc tincidunt To solve…
Anil
  • 3,722
  • 2
  • 24
  • 49
2
votes
1 answer

Do I need to specify lang attribute for iframe documents?

If I understand properly guide rules for lang attribute, it should suffice to declare lang for top frame html element: https://www.w3.org/TR/WCAG20-TECHS/H57.html https://www.w3.org/TR/1999/REC-html401-19991224/struct/dirlang.html#h-8.1.2 Is it…
tester.one
  • 369
  • 2
  • 6
  • 23
2
votes
1 answer

Accessible switch element (web)

I need to create a switch element in the header of an internal application that lets you switch between two user roles. The rest of the content is rendered based on the selected role — e.g. there are different navigation items and actions available…
robertdev
  • 65
  • 1
  • 6
2
votes
2 answers

Is there a spec-compliant practice for an image with no relevant alt text?

I'm implementing Jssor's Bootstrap Carousel Slider on a web page. Using W3C's validation tool I'm getting an error for the lack of alt text for this particular image:
Sublow
  • 149
  • 2
  • 8
2
votes
1 answer

WCAG error: broken rule regarding label for email input (What am I missing?)

I keep getting an error in multiple accessibility tests stating that my form doesn't have a label. I added the for="EMAIL" for the label. Am I missing something?

Slim_Brady
  • 23
  • 2
2
votes
0 answers

Tab-ing with Carousel

I'm having this one problem while working on improving accessibility. What I'm trying to achieve is when I press tab I want the focus to go from 1 - 2 - 3. Right now the flow is like this: 1 - 2 - Red box. On initial render I'm creating bunch of…
Steinar
  • 451
  • 2
  • 7
  • 10
2
votes
4 answers

Is an alternative version of each page in a site a valid approach to WCAG 2.0?

We are working on a new project that requires a complex design, however the client also wants it to be WCAG 2.0 compliant level AA. So we came up with the idea of adding a toolbar at the top of the each page with a button saying something along the…
user2339776
  • 23
  • 3
2
votes
2 answers

Live accessibility Checker

I am wondering if anyone knows of any program / tool / or addon that offers a feature like the Live Accessibility Checker in Microsoft Office Word for html coding. I think it would be great to be able to offer our developers something like this that…
clamchoda
  • 4,411
  • 2
  • 36
  • 74
2
votes
1 answer

How would blind users ever access informative text if tabbing never gets to it?

I am trying to make my web application ADA compliant and I'm still learning the basics of it. If I were to have a questionnaire on a page with a question given to the user, how would blind users ever see the question or information presented? For…
Poov Fwv Novlwv Lis
  • 65
  • 1
  • 6
2
votes
3 answers

Is it recommended to disable CSS to check a website for accessibility?

Many developers/accessibility experts suggest to disable CSS for checking the website for accessibility, but no one explicitly says how it may actually be helpful in terms of web accessibility. So here I am, asking you exactly that, because all my…
popiweho
  • 21
  • 2
2
votes
2 answers

Contrast requirements for WCAG level A?

I am trying to adapt an older website to become accessible. However, the first tests with browser tools like "WAVE" showed me contrast errors for headers which are simply colored text on white background. The colors are #97CB44 (a lighter green) and…
Johannes
  • 64,305
  • 18
  • 73
  • 130
1 2 3
…
26 27