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

Copy styles of :hover state so design is the same without really hovering elements

I'm developing an App for disabled people to make any website accessible to them. One of the features is Keyboard Navigation using the TAB key. Problem is that there are dropdowns that are depending on :hover states, and from investigating other…
Danigoodw
  • 379
  • 3
  • 10
0
votes
1 answer

WCAG 2.0 Criteria 1.4.1 / 2.1.1

I'm in trouble with WCAG validation, I try to use this checker fro the first time. In the script tags I've the a potential problem script may use color alone and Make all functionality available from a keyboard but I really can't understand…
Lib3r74
  • 1
  • 4
0
votes
1 answer

Accessible Links

I have a few input elements inside a Bootstrap panel-heading. I've got click handlers on these which works fine using a mouse, but I need them to be keyboard operable for WCAG compliance. Is there an easy way to have them respond to click OR…
Echilon
  • 10,064
  • 33
  • 131
  • 217
0
votes
2 answers

is not compatible with WCAG standards?

So I'm working on updating the WCAG 2.0 accessibility of a site that uses Font Awesome icons. The issue is that the guidelines state that italics shouldn't be used. I know that using FA isn't actually italics, but when you do a code check, it comes…
Aaron
  • 237
  • 1
  • 7
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

Can I configure the DNN Search to be Section 508/WCAG 2.0 compliant?

I have several DNN (DotNetNuke) portals that use the DNN Search token on their respective skins. When I run a Section 508 / WCAG 2.0 accessibility report, it indicates that the DNN Search does not meet Section 508 / WCAG 2.0 guidelines. Has anyone…
0
votes
1 answer

How to use headers attribute to make table A11Y compliant?

I'm creating an application that should be WCAG 2.0 compliant. I'm checking my pages using AChecker and I'm experiencing some problems with table. I get the following 2 issues: Data table with both row and column headers does not use scope to…
smartmouse
  • 13,912
  • 34
  • 100
  • 166
0
votes
2 answers

iframe issue with WCAG 2.0

I have 4 pages with iframes that are coming back with the following error 2.4.7 Focus Visible - Highlighting elements. While it does not specifically say anything about the iframe, the only pages with this issue have iframes. I have attached the…
echristo66
  • 198
  • 1
  • 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
2 answers

Hide text from assistive technology

I'm trying to understand how this may be possible to achieve in order to make it more clear to the end user with disabilities. What I'm trying to do is to hide some partial text that is provided by default and replace it with another piece of text…
sorvz
  • 123
  • 8
0
votes
1 answer

Can scripts adapt to state changes on custom controls by accessibility clients?

From WCAG 2.0 section 4.1: 4.1.2 Name, Role, Value: For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states,…
eyelidlessness
  • 62,413
  • 11
  • 90
  • 94
0
votes
1 answer

ARIA Screen Reader - how to make a role name read?

I am trying to make my web application more accessible and one of the things I want to do it create a role group and the contents inside should be read in a particular fashion. For ex on the UI it looks like a menu bar TITLE Button1 Button2…
ksernow
  • 662
  • 3
  • 14
  • 33
0
votes
1 answer

Provide alt text in image with link, the link is in 2 different places in the same block content

I have an HTML structure like:
Info about the user User name More Info about the…
Raúl Martín
  • 4,471
  • 3
  • 23
  • 42
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…
0
votes
2 answers

What are the implications of using static positioning over absolute when making offscreen content for accessibility?

In creating alternatives to visual content to meet WCAG 2.0 guidelines, a common approach is to place an alternate display of content outside of the viewport so that it is readable to assistive technologies, but not present for sighted users. The…
RhinoWalrus
  • 3,009
  • 2
  • 32
  • 41