Stack Overflow
Stack Overflow

Questions tagged [wcag2.0]

Recommendation from the W3C, which explains to developers and authors how to make Web content accessible to people with disabilities.

Web Content Accessibility Guidelines are part of a series of Web accessibility guidelines published by the W3C's Web Accessibility Initiative . 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 .

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 primary considerations for web content are Perceivable, Operable, Understandable, Robust, and Conformance. Within each category there are several guidelines and breakdown for 3 levels of compliance (A, AA, AAA).

The WCAG 2.0 overview from W3C can be found here.

269 questions
6
votes
2 answers

Aria-live content read twice by Mac - Chrome - VoiceOver

Aria-live content read twice by Mac - Chrome - VoiceOver, when the content is in the iframe. Below links are the example by "developer mozilla". I want to know whether this is an issue or not, If so, is there any solution to fix…
satheesh
  • 403
  • 5
  • 15
6
votes
3 answers

How should error messages should be handled for screen readers?

I am working on some accessibility testing. On the site, they have a registration form and use form validation techniques. Error text is shown under the form fields where the data inserted within the form field is invalid. Currently the error text…
user2007920
  • 123
  • 1
  • 9
6
votes
2 answers

Keyboard accessible markers with Google maps js api

As per the WCAG and section 508, all the informations on a website must be accessible using only the keyboard. I have a google maps with some markers on it that open a modal with dedicated informations. The problem is that Markers with google maps…
Flunch
  • 816
  • 5
  • 17
5
votes
2 answers

re announce a

under aria-live even if the text is same

I am implementing a search box. One of the scenarios is that the total count of results must be announced. To achieve this I put the

tag inside of an aria-live region, and it announces it as expected. Expected scenario: User types a string -->…

Shivam Chawla
  • 390
  • 5
  • 17
5
votes
1 answer

Aria-hidden=true on parent does not make its children also aria-hidden

I am reading a bit on aria uses, and came across this piece of documentation:Fourth Rule of ARIA Use. One part that is not clear to me is this: "Applying aria-hidden to a parent/ancestor of a visible interactive element will also result in the…
coffeeak
  • 2,980
  • 7
  • 44
  • 87
5
votes
1 answer

WCAG 2.0 guidelines mailto link text

I'm trying to find guidance from WCAG guidelines about link text in an anchor with a mailto:email address. Can the link-text be the persons name or is it advisable to have the link-text be the email address?
user868386
  • 401
  • 1
  • 5
  • 9
5
votes
2 answers

Is it accessible to have the label after the input?

I would like to know whether the below code snippet fails accessibility, if the label position is after the input element? During my test with NVDA (screen reader), pressing arrow…
Maayi
  • 157
  • 2
  • 2
  • 11
5
votes
2 answers

Do I need to implement WAI ARIA to comply with WCAG 2.0 AA?

I am building a site that needs to conform to WCAG 2.0 Level AA. My question is how many of the ARIA roles do I implement? https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques
etoxin
  • 4,908
  • 3
  • 38
  • 50
4
votes
1 answer

Can page language be set at run time for accessibility and WCAG 2 3.1.1 compliance?

If a page loads and then uses javascript to change the language attribute on the element, could that be detrimental to accessibility? Or do screen readers and other accessibility devices usually let the page load dynamic content before…
AlexMA
  • 9,842
  • 7
  • 42
  • 64
4
votes
1 answer

Are ReactJS Websites WCAG Compliant?

If I were to create a website where all HTML content was generated by ReactJS components, will it be WCAG Level AA Compliant? Ie. will screen readers be able to navigate through content that's been rendered via javascript code? If the answer is…
John
  • 32,403
  • 80
  • 251
  • 422
4
votes
3 answers

Find the Correct WCAG AA Contrast Color for a Given Hex Background Value

I'm trying to find the correct matching contrast color for a given background color that will pass WCAG AA guidelines (text is smaller 14px). The algorithm i have seen is.. function getContrastYIQ(hexcolor){ var r =…
Tim
  • 3,576
  • 6
  • 44
  • 58
4
votes
1 answer

Google Maps and WCAG 2.0 level A

I have a map that displays custom markers with filtering options and different markers colors based on the filtering options. Clicking a marker displays a text bubble with a picture as expected. What is required to make a google map comply with…
penner
  • 2,707
  • 1
  • 37
  • 48
3
votes
0 answers

Calculating a text color based off of a background (not just black or white)

I'm currently trying to build a feature in typescript that automatically generates a text color that works on top of a background that follows the AA WCAG 2 or APCA standards. The problem is that I can can find lots of examples that show this by…
Entropy
  • 31
  • 3
3
votes
2 answers

Accessibility: alt or alt="" for decorative images

In terms of WCAG 2.0 accessibility, is an empty alt-tag equally valid if it's written alt or alt="" in the html? Like this: Are they both valid for stating decorative…
Meek
  • 3,086
  • 9
  • 38
  • 64
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
1
2
3
…
17 18