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

Creating Ordered Lists with HTML5 and/or CSS that are Safe for Screen-Readers?

I'm working on a project where accessibility is of prime importance. There's frequent reference to parts of an ordered list and I'm not sure how to mark it up. I made have a jsfiddle demo of referencing an ordered list with CSS Counters that I…
MCTaylor17
  • 411
  • 5
  • 16
0
votes
1 answer

WCAG 9.2 - Verify that any element with its own user interface is device-independent

I'm using the accessibility checker in Visual studio 2012 On * < script > * tags I get this Warning WCAG 9.2 - Verify that any element with its own user interface is device-independent. The relevent WCAG article…
Peter
  • 7,792
  • 9
  • 63
  • 94
0
votes
1 answer

How to achieve hierarchical heading organization when dynamically creating html?

One of the wcag 2.0 rules is that heading elements, i.e. h1/h2/h3/etc., should indicate document structure. This means that you can't skip a level, e.g.:

main heading

...

subheading

is not valid since there is no h2 element…
thebjorn
  • 26,297
  • 11
  • 96
  • 138
-1
votes
1 answer

Which all attributes shoud be added to make a button that opens a menu of actions to make it accesible to assistive technology

menu iniside table Which all attributes shoud be added to make a button that opens a menu of actions which is placed inside a table to make it accesible to assistive technology. Tried to add role=menu. Also added aria-expanded, but did not work.
Soumya Sadan
  • 1
-1
votes
1 answer

HTML table inside bootstrap accordion looses header relation

In my angular project, I am having a common table component in it. I have used semantic html table for that table. Issue is that NVDA can announce the table headers in another place, but not inside a bootstrap accordion. Here is my html code for…
chanchal
  • 1
  • 1
-1
votes
1 answer

Tinymce - How to let the user know the shortcuts

How can we let the user know the list of shortcuts in Tinymce editor. I am doing a 508 compliant website so it should be keyboard accessible as well as the shortcuts should be play as announcement when getting focus for the blind people. Egs: If I…
Sanjay Kumar N S
  • 4,653
  • 4
  • 23
  • 38
-1
votes
1 answer

does angularJS use a different set of rules for ARIA?

im working on updating a site for compliance. the site is mostly AngularJS which im still new to but learning. i found a situation where there is a label targeting a div tag however the label has no :for attribute, instead has an :id and the div has…
Tyler Murin
  • 1
-1
votes
2 answers

Accesibility dynamic content issue

Is there any possible way to make dynamic values accessible for screen readers? The problem is if there is a value, it is read out but if there is no value, it is completely skipped by the screen-readers. However I want to read it out either as no…
Ramneek Singh
  • 1
  • 1
-1
votes
2 answers

How to determine the Accessibility/Compliance Score on a Site?

Currently, am working on making a dynamic site compliance. I use WAVE Tool chrome extension and manual testing for keyboard navigation. I am hearing a lot about Accessibility Score number (which I have no idea about). Upon googling, I did see that…
user9115375
-1
votes
1 answer

WCAG 2.0 H44 - How to add label when textbox uses placeholder text

For H44, complying with Success Criteria (1.1.1, 1.3.1, 3.3.2 and 4.1.2) requires me to add 'label's for input textboxes. However, when the textbox's label text is within the textbox itself as a placeholder, how can we meeting these criteria? …
Nick Rolando
  • 25,879
  • 13
  • 79
  • 119
-1
votes
1 answer

How do I find links with no text?

I'm working on WCAG compliance and I need to fix "Empty link" errors. This is an example of one of the elements providing the error:
Batman
  • 5,563
  • 18
  • 79
  • 155
-1
votes
2 answers

accessibility -- WCAG 2 and law restrictions

I just found out that there's some countries(UK, CANADA and some more) that actually have a LAW about the web-site accessibility. I was shocked, because one thing when there's some RECOMMENDATIONS and another thing is a LAW, witch means anyone can…
jacluves
  • 7
  • 1
-2
votes
1 answer

How do i fix "id attribute is not unique" in wordpress site (checking on achecker for wcag2.0)?

I am trying to make a wordpress website wcag 2 compatible. I am running the test on achecker and getting the error that matchHeight-js is not unique. How can I determine and fix the problem? I am viewing the page source and i can see the 2 id's that…
Xenophon Venios
  • 1
  • 2
-2
votes
2 answers

Does W3C offer an explanation of the additional user-related benefits of increased Levels (A through AAA) conformance

I am not asking for the "Level A: Meets all level A standards" definition (which is completely useless to anyone other than lawyers or software developers.) I need the ones about each level that conveys an idea of their usefulness so that I can…
ThisNameNotUsed
  • 13
  • 4
1 2 3
…
17
18