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
0
votes
0 answers

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

This is not a code question but more of a user testing question that I am hoping to clarify (also for sake of other (front-end) developers that are trying to be better at accessibility testing. As a Windows user with wife that uses a MAC I try to…
nettutvikler
  • 584
  • 7
  • 18
0
votes
1 answer

Meeting Dismissible Requirement of WCAG 2.1 - SC 1.4.13 for Tooltips

I am trying to meet accessibility issues of WCAG 2.1 - SC 1.4.13, content on hover or focus, specifically on the dismissible section with Bootstrap 3.3 tooltips. It specifies that a tooltip should be able to be closed easily without the trigger…
PartyHatPanda
  • 712
  • 8
  • 14
0
votes
1 answer

Do required indicators always have to be red and at the label level on web forms?

Our Design System team is looking into making our apps WCAG compliant. Today for required fields, we have an orange asterisk within the input that shows when the field hasn't been completed, and goes away once an entry has been entered in the field.…
Scott H.
  • 129
  • 1
  • 1
  • 6
0
votes
0 answers

How to reset the added font sizes using jquery?

i need to make a accessibility website. User should has a oportunity to change text size. Unfortunately font-size in styles are in PX, so i can't do it fast by .css and i need to use jquery. I have three buttons: 1st increase font-size for all…
mmmat
  • 1
0
votes
1 answer

How to test accessbility using Jaws, NVDA, Voice over?

Looking for tips on how to test web applications and websites using accessibility screenreaders like(NVDA,JAWS,VoiceOver) or any specific global tool or any automation tool. How to test our application if WCAG not covered?
itjayaprakash
  • 85
  • 1
  • 9
0
votes
1 answer

WCAG 2.0 validation errors: Element span= not allowed as child of element a in this context. (Suppressing further errors from this subtree.)

Hello to the community again! I'm trying to validate a Wordpress site and I got the following 4 errors that most probably are connected: Line 182, Column 26: Quote " in attribute name. Probable cause: Matching quote missing somewhere earlier. …
the_black_planet
  • 5
  • 3
0
votes
2 answers

Do you need to use keyboard shortcuts to comply with WCAG 2.1 AA?

I have been reading all the guidelines and I am slightly confused. Do all links on then navigation bar need to have a keyboard shortcut in order to comply with WCAG 2.1 AA? The guidelines seem to mention more what how to comply if you use them but…
CommodoreC64
  • 11
0
votes
0 answers

How to prevent from Enter button to operate onSubmit?

I have dojo form which is being submitted using Enter button. I want to prevent from this event to to be called from all of the form elements in my form (when clicking on enter). I tried this code: dojo.connect(form, "onsubmit", function(evt) { …
roeygol
  • 4,908
  • 9
  • 51
  • 88
0
votes
1 answer

How to expose focus state via the Accessibility API for custom controls in React? Does HTMLElement.focus() suffice?

When reviewing possible failures to WCAG success criterion 4.1.2 I encountered a mysterious Failure of Success Criterion 4.1.2 due to the focus state of a user interface component not being programmatically determinable or no notification of change…
Anastasia Pevtsova
  • 55
  • 9
0
votes
3 answers

Accessibility and links that are buttons and vice versa

Can someone advise me if there is a specific WCAG 2.1 failure when buttons are used as links. Same question vice versa. Links as buttons. I have a site i am working on where by design there are links that appear the same as the buttons do. So you…
user2007920
  • 123
  • 1
  • 9
0
votes
1 answer

What does the testing procedure of G158 wcag mean?

In the G158 general technique:- Providing an alternative for time-based media for audio-only content' of WCAG, it's mentioned to provide a transcript for the audio source. In the 4th step of the testing procedure, what's the difference between the…
captain_cold
  • 25
  • 1
  • 5
0
votes
1 answer

WCAG G127 Sufficient Technique

In G127 sufficient technique (https://www.w3.org/TR/WCAG20-TECHS/G127.html#G127-tests), What does one mean by the second step of the procedure mentioned in the test, ie, 'Check if the Web page includes metadata identifying the Web page's…
Austine
  • 63
  • 5
0
votes
2 answers

Testing the accessibility of widgets injected into web pages: Is there a tool to do this?

Problem statement: I have a web page which has widgets on top of it (basically these are injected using JavaScript into the web application). I would like to know if we can find any accessibility violations (WCAG 2.0) in my widgets. Most of the…
Sunil
  • 136
  • 2
  • 12
0
votes
1 answer

Contrast on focus visible

I am looking for clarification on how WCAG 2.1 SC 1.4.11 Non-text contrast relates to focus visible form elements. Does this new (in WCAG 2.1) SC mean that any color used on form elements focus, now must have a contrast of 3.1 or higher to the…
user2007920
  • 123
  • 1
  • 9
0
votes
2 answers

How to fix this WCAG error "This form control has a blank label or title."

I am running Sortsite for the ADA compliance on a website I'm working on and I get this message: This form control has a blank label or title. Add descriptive text to the form control's label. I've tried adding the label element with some…
Marco A
  • 21
  • 2
1 2 3
…
26 27