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
2 answers

Semantic separator in an unordered list

I have done a little looking around and am looking for the most semantic way of inserting a separator in a list, where the separator has meaning. The list of items is a menu, and isn't long enough to separate into two separate lists, but I'd like to…
user764357
3
votes
2 answers

How to implement invisible but accessible link in a table cell?

I'm trying to create a clickable empty table cell that is also accessibility friendly. Use case: a table of a day's schedule with each cell representing a time slot. Where there is nothing in the cell, the time slot is available and should be…
nmc
  • 8,724
  • 5
  • 36
  • 68
3
votes
1 answer

WCAG 2.0 - Is summary attribute a must for table elements

I'm a bit confused about WCAG 2.0 Documentation. I have two questions: 1) In H73: Using the summary attribute of the table element to give an overview of data tables, it is stated that "If this is a sufficient technique for a success criterion,…
yakya
  • 4,559
  • 2
  • 29
  • 31
3
votes
1 answer

Accessibility (WCAG 2.0) do we NEED labels in table cells

I'm implementing a system following version 2.0 of the WCAG guidelines. I have tabular data in the form of an editable grid this is rendered using a table. I have given the table column headings and used the scope attribute on the table…
AJM
  • 32,054
  • 48
  • 155
  • 243
3
votes
3 answers

Is my form laid out in a table accessible?

I am making a form to search for colleges based on athletic programs offered and the division of the sport. I have laid the form out in a table. The "all divisions" checkbox selects all the checkboxes for that sport. I know screen readers have both…
tomk
  • 662
  • 1
  • 6
  • 10
2
votes
1 answer

How do you add a paragraph to an existing WCAG compliant PDF using iText7?

I'm trying to use itext7 to a paragraph to the top of an existing pdf that is and must remain wcag compliant. The new paragraph must also be the first element in the logical structure to preserve the natural reading order. The following iText7 8.0…
Henning
  • 41
  • 5
2
votes
2 answers

Why does the WCAG contrast formula use the luminance and not the perceived lightness?

The WCAG formula/algorithm for determining the contrast between two colors uses the luminance of these colors. That is: sRGB is converted into linear RGB, then the different channels are multiplied with three weights (R 0.2126, G 0.7152, B 0.0722)…
Lukas Kalbertodt
  • 79,749
  • 26
  • 255
  • 305
2
votes
2 answers

Marking signs denoting chemical bonds for assistive technologies

I sometimes have different chemical formulae in text, while there is no problem with formulae like H2SO4 (because it is read in the same way, both by people without visual impairments and by people using screen readers), the problem starts when by…
Piotr Skolimowski
  • 23
  • 3
2
votes
1 answer

Accessibility - making headings with line breaks accessible?

Situation: I have to force line-breaks in a heading. The quick brown fox jumps over the lazy dog I can do

The quick brown fox
jumps over the lazy dog

, but a screen-reader will interpret it as "heading level 1, 2 items". Is there a way…
Daryll Santos
  • 2,031
  • 3
  • 22
  • 40
2
votes
3 answers

What can aria-label be used on?

What exactly can aria-label be used on? I have found documentation that shows it can be used on interactive items (such as
Pat McInnes
  • 23
  • 3
2
votes
2 answers

DL element with DT / DD as equal column widths on one row

So for specific reasons I'm trying to use the dl (Description List) html element. I wanted the elements contents to display each dt and dd on their own row which I accomplished as such.. div { padding: 1rem; color: #fff; background-color:…
CuriousG
  • 97
  • 6
2
votes
2 answers

Is it okay to put form elements on a page that perform no action?

I am being asked to put checkboxes on a webpage that perform no resolution, in that they simply exist to be checked in the form of a checklist that could be printed. There would be no form submission, no buttons, no popups or collapses, and no…
ivory
  • 63
  • 1
  • 5
2
votes
1 answer

Is Google reCAPTCHA v2 currently conforming to WCAG 2.0 AA?

The WCAG 2.0 requirements and techniques regarding CAPTCHA include: WCAG requirements 1.1.1 Non-text Content: CAPTCHA CAPTCHA: If the purpose of non-text content is to confirm that content is being accessed by a person rather than a computer, then…
yhd.leung
  • 1,162
  • 1
  • 18
  • 27
2
votes
1 answer

Does the WCAG address empty/redundant elements?

Sometimes in my accessibility audits I will come across a

tag without any content inside it. The screen reader will read out "empty", wasting my time and any disabled person's time in browsing the website. There is also reading of redundant…

Migdal Or
  • 25
  • 2
2
votes
1 answer

WCAG 2.1 compatibility with shinydashboard app form label

I developed an app using rshiny, https://smandape.shinyapps.io/mmdit/. I am trying to make it WCAG 2.1 accessible. I am using WAVE (Web accessibility evaluation tool) to check for accessibility. Currently, the errors popping are related to 'missing…
smandape
  • 1,033
  • 2
  • 14
  • 31
1 2 3
…
26 27