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

aria-label="toggle" for button is reported as INVALID in PhpStorm

I am trying to use aria-label attribute with a button. But whenever I am adding this attribute PhpStorm is reporting it as INVALID. But other aria attributes are already present with the same button and not being reported.
Subrata Sarkar
  • 2,975
  • 6
  • 45
  • 85
0
votes
0 answers

i can not understand Success Criterion 1.3.6: Identify Purpose

I see examples here https://www.w3.org/WAI/WCAG21/Understanding/identify-purpose.html and first one of them is obvious: i should use ARIA landmarks, but the second example: "The links in the navigation of a website are marked-up so that users can…
Konstantin Galiakhmetov
  • 203
  • 2
  • 8
0
votes
2 answers

Accessibility: input with image - use value-, alt- or title-attribute?

I have the following input on a site I'm currently reviewing: Through the class attribut the input button is replaced by an…
mosquito87
  • 4,270
  • 11
  • 46
  • 77
0
votes
1 answer

WCAG link without text for an tag

I am using an tag to display social media icons and links. However, WCAG calls for having text or an img with alt attribute for compliancy. I'd like to know if putting a title attribute on the tag will be compliant:
Yung P
  • 1
0
votes
1 answer

How to use the aria combobox role with a grid element?

I'm trying to make an accessible calendar plugin where you can write the date in the input by hand or select it from a table. I'm using WAI-ARIA and I think I'm following the instructions correctly but the Chrome Developer Tools Accessibility audit…
Tomasz Budny
  • 1
0
votes
2 answers

Accessible method for image replacement with title (title and aria-label)

On my web page I have an anchor (code below), which I visually display as an image (logotype) completely hiding the text. I'd like the anchor to be: accessible - read properly by screen readers, display a tooltip when hovered by mouse (the tooltip…
Robert Kusznier
  • 6,471
  • 9
  • 50
  • 71
0
votes
0 answers

ADA Compliance Issue with my Code

My site was recently scanned for ADA compliance and there is one particular issue that I can't seem to figure out how to fix. The error I am getting is "Adjacent links are not separated properly." Below is the code that it is referring too.
Cameron Carswell
  • 1
0
votes
3 answers

Does hiding flash elements & iFrames with aria-hidden="true" help make my website accessible?

I work for a website design company and we have a lot of flash projects and clients constantly embed iframes to Facebook, etc. For example, when I do my test using a screen reader it seems like it's a bad user-experience when you get into an Iframe…
Gcamara14
  • 510
  • 4
  • 14
0
votes
1 answer

Focusing on revealed(previously hidden) div - what is the right way

Do I need to move focus on the previously hidden, but revealed with clicking/touching on the link, div? I'll explain it by following example: HTML: content
blablabla
CSS: div { display:none; width:…
sorvz
  • 123
  • 8
0
votes
1 answer

CSS background images with and without links and accessibility

I'm using images inside div containers with css(background images). Not just for presentation, they have meanings. I want to provide alternatives to users with disabilities, but not sure how to do this right. I also use them inside links sometimes,…
sorvz
  • 123
  • 8
0
votes
1 answer

Chrome Vox Shift Alt Left arrow reads all following elements on page

Chrome Vox Shift Alt Left arrow reads all following elements on page on following structure. Now keeps focus on first input, I am trying to move from Input to label, and focus goes on asterisk span and label both. And it reads next input (email…
Vishwakant
  • 111
  • 1
  • 10
0
votes
1 answer

Custom behavior with radio buttons and/or checkboxes. Accessibility ( WCAG 2.0 )

I want to reveal some hidden text/elements(whatever) when some checkboxes/radio buttons are selected(assume there is a list of checkboxes/radio buttons to choose from). What should I do to meet the WCAG 2.0 AA standards? And how exactly radio…
themightybob
  • 11
0
votes
0 answers

Multiple tabs and accessibility

If I want to use more than one tab-system in the same page, or even something more complex - two or more tab-systems one inside the other. How in cases like this I can ensure the user with AT for example, will understand which link belong to which…
yohohoy
  • 33
  • 4
0
votes
1 answer

ARIA and WCAG 2.0 success criteria

Please correct me if I'm getting this wrong. If I understand it correctly I don't have to use aria-hidden for elements that basically are available in the source of the document, however are not always shown. For example, an image slider or a menu…
yohohoy
  • 33
  • 4
0
votes
1 answer

Hidden content with assistive technology

I'm a little bit confused of how the hidden content is working with assistive technologies. I'll give you a few examples and would like you to explain me this, please: If I want to make a small popup, that is previously was display:none;, how would…
theGreatM
  • 1
1 2 3
…
26 27