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

Lost focus on many elements (like filters) in application

I must adapt to application to wcag focus requirements. My application works on jsf/primefaces and I have problem with focus on many elements. For example unexpanded filters contains ui-helper-hidden-accessible class (which is invisible until I…
mtmx
  • 827
  • 1
  • 10
  • 31
2
votes
3 answers

Is it ever a good practice to make non-functional elements keyboard focusable?

WCAG's definition of functionality processes and outcomes achievable through user action link to source Following WCAG's definition for "functionality", it seems intuitive that just as functional elements should always be keyboard focusable,…
G0BLiN
  • 905
  • 10
  • 18
2
votes
0 answers

Is there a reason we don't embed image alt-tags in XMP data?

I've been searching high and low for this, so maybe I'm missing something. Why isn't there a standard for embedding alt information into an image—for the web, for screen readers, for PDFs, etc.? I realize that the alt tag in HTML is used for if an…
Gabן
  • 21
  • 1
2
votes
1 answer

Does replacing a form input's outline with box-shadow violate any WCAG guidelines?

Question What accessibility downsides are there to set outline to none and instead use box-shadow to highlight an active input? Does it violate WCAG at all? Background User agent style sheets highlight an active element's outline on focus. To…
Jouni Kantola
  • 1,097
  • 7
  • 12
2
votes
1 answer

Is the accessibility tool in Firefox ADA compliant?

Firefox and Firefox Developer Edition both include an accessibility checker in their developer tools. Does this tool catch everything that would cause a page to not be ADA compliant? We need to make sure that our web app satisfies the ADA's…
David Gay
  • 1,094
  • 2
  • 16
  • 32
2
votes
1 answer

Alternative text for element styled as icon to meet accessibility guidelines

I've been asked to look for areas of our site which do not meet accessibility guidelines. I'm currently looking into whether all icons we use that have semantic meaning have alternative text, in order to meet WCAG 2.1 1.1.1. In one place we use a…
2
votes
2 answers

WCAG 2.0 Using tables for layout

Does WCAG 2.0 allow tables for layout, I can't see anything in the guidelines saying you can't but this suprises me.
AJM
  • 32,054
  • 48
  • 155
  • 243
2
votes
1 answer

Accessible autocomplete for textarea

I'd like to design a textarea with autocomplete, because it is possible to enter there multiline addresses which can be filled by your available addresses. The goal is to design it WCAG AA conform, but I saw that a role "combobox" with popup is not…
Mila1611
  • 71
  • 1
  • 4
2
votes
1 answer

How to resolve "empty links" for ADA compliance?

We are among a group of realtor companies in our area that have been targeted and told we'll be sued for not having ADA compliant site. We are going to make our site compliant as one of the ways to fight it. One of the things mentioned was "empty…
Clare12345
  • 181
  • 3
  • 14
2
votes
1 answer

Is horizontal scrolling within a container considered inaccessible (even though the page itself is responsive)

This is the guidance I'm looking at: https://www.w3.org/WAI/WCAG21/Understanding/reflow.html For example, in the image below, the highlighted red container scrolls horizontally, but the rest of the page is responsive. The w3 guidance says 2-d…
user648931
  • 503
  • 5
  • 18
2
votes
2 answers

Style a table with two headers collapsed for mobile

Take the two headers table example from the w3c wcag tutorials table { border-collapse: collapse; border-spacing: 0 } table th { text-align: left; background-color: #ccc } table th, table td { padding: .5em; border: 1px…
Jonny
  • 796
  • 2
  • 10
  • 23
2
votes
1 answer

Understanding WCAG 2.0 - criteria 1.4.8

I'm having trouble understanding the WCAG 2.0 criteria 1.4.8. From what I understand it basically says that if I have for example a
that I define both background and text color in, I will have to either: Provide a color picker tool for that…
phobia
  • 567
  • 1
  • 5
  • 14
2
votes
2 answers

WCAG - How to make the screen reader read all the page automatically?

I need to have a screen in my app which all of it's content will be read using the screen reader automatically. I tried to add role="dialog" aria-live="assertive" aria-atomic="true" and it didn't make it. I also tried to use role="alert"…
roeygol
  • 4,908
  • 9
  • 51
  • 88
2
votes
1 answer

Can duplicate uses of landmarks be distinguished by HTML structure?

A website I administrate through a CMS provider has two header elements and two nav elements on most pages. The headers are the top banner with our logo and page title for the main page content. The nav elements are a top navigation and a left side…
2
votes
2 answers

Putting HTML tags that are CSS grid layout children into a
tag to be more WCAG friendly

Using CSS Grid for the layout of a webpage, is it possible to make a semantic grouping of tags within tags such as
without breaking the grid layout when items inside that semantic grouping are meant to be direct children of the grid…
yactouat
  • 457
  • 1
  • 7
  • 14