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

How to specify a language across an entire website?

For context: I am not a web developer or programmer of any sort and I use a screen-reader. I am using an accessibility evaluation tool across some sites I'd like to visit, which, however, have some accessibility issues. From some googling, I see…
Leitmotif
  • 33
  • 4
0
votes
0 answers

REGEX (regular expression) Replace tags with tags for font awesome with

i want to replace with REGULAR EXPRESSIONS anything that starts with
winner
  • 1
  • 1
0
votes
0 answers

How to get Background color of text

currently i am working for digital accessibility It is possible know background color lighter than text in jQuery for example

text

parthiban
  • 25
  • 1
  • 8
0
votes
1 answer

Shifting focus to input added by button click

I have a button, "Add Thing" under a list of form inputs. When you click the button, it adds another input above the button, at the bottom of the list. When using a screen reader, it's not immediately obvious that the input has been added unless you…
Jimothey
  • 2,414
  • 9
  • 41
  • 66
0
votes
2 answers

Accessibility and absolute positioning?

We have a hamburger that looks like and when you click it, a popup will show (the class "open" is added to a div). This is accomplished with fixed positioning. However, it seems like accessibility programs reacts on that kind of positioning…
Anders Lindén
  • 6,839
  • 11
  • 56
  • 109
0
votes
0 answers

Is grouping only one element in a fieldset an accessibility problem?

I have a long form with a structure as in the picture below: There will usually be only a single input element in the group, but there may be more. My question is (in terms of accessibility) Can a group contain only a single input? For…
nirKa
  • 203
  • 3
  • 12
0
votes
1 answer

Bootstrap 3 push/pull and accessibility

I'm trying to make our webpages more accessible and am confused about the tab order for push/pull sections. Here is an example:
…
KA0-0NG
  • 23
  • 3
0
votes
0 answers

onBlur event fires on every tab in div

I wonder if there is another way of monitoring if a user leaves a
? Because when I tab trough the under menu below, the onBlur event is fired for every tab. What I want to acheive is that I can set open to false when the user have tabed trough…
RMT
  • 942
  • 2
  • 12
  • 32
0
votes
1 answer

CSS :hover is not clearing when navigating to a new tab

I am developing a WCAG compliant website and we implemented links that navigate to a new tab by following the pattern suggested on the WCAG website. Below is a working example of the issue: (Both Google and…
Chris ten Den
  • 549
  • 1
  • 5
  • 19
0
votes
1 answer

CSS Pseudoelement containing alternate text is not working in IE

I am working on creating the custom checkbox having custom check mark, which comes from svg (base64 encoded), that I have provided as pseudoelement. Also need to add accessibility for this checkmark which is provided as an alternate text. Below is…
user1441238
  • 165
  • 1
  • 2
  • 10
0
votes
0 answers

Large text with text-shadow only on two sides compliant with WCAG AA requirements is acceptable?

So I'm trying to apply text-shadow to white large text over a gradient background in order to meet the WCAG AA contrast ratio requirements. I am following procedure of checking the gradient where contrast is lowest. The foreground is #e1dee6 while…
williambc
  • 1
  • 2
0
votes
1 answer

Live streaming video player

I have a live streaming video player that can be hidden by collapsing its parent container. I'm wondering if such a player must have Stop/Pause buttons in terms of accessibility. Thank you!
Maria
  • 1
  • 1
0
votes
2 answers

Connect info to input

I am trying to make my webpage user friendly for screenreaders. How can I correctly connect the blue information text on the right side to the input field? The reason for why I am asking is that the screenreader user will not get the information…
RMT
  • 942
  • 2
  • 12
  • 32
0
votes
1 answer

How to fix this error -"aria-label" attribute accurately describe the element?

I am trying to fix the aria-label issue in Splunk I have 3 dropdowns. After doing testing using Siteimprove I am facing this issue and also Splunk is not allowing aria-label in the label field Can anyone suggest how to fix this issue?
Hemant Raj
  • 1
0
votes
2 answers

Do I need to use aria-label on elements that have visible labels which are read by screen reader?

My company is trying to become WCAG compliant. One of the things we need to do is add aria-label to interactive elements. My question is do I need to add an aria-label to an element which already has a label which is read by a screen reader. So…
Tony
  • 37
  • 4
1 2 3
…
26 27