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

screen reader announces hidden content in the screen

I have installed NVDA screen reader. When screen reader navigates through date picker and again tab to move to next element, when selecting sub menu item, clicking on link will open a new tab, clicking on close button. however screen reader focus…
Victor
  • 17
  • 5
0
votes
1 answer

Select-only combobox that updates a specific price on a page

I have a situation like the below on a webpage: "If you chose to travel on [Insert combobox with list of date options], then your ticket price would be [Insert updated price depending on date selected]" In the above case, what success criteria are…
zara
  • 1
0
votes
1 answer

Screen reader does not read out reset status

When the screen reader user navigates through the page and clicks on the reset button. the values in the input box are cleared but the screen reader is not reading anything. We are expecting that the screen reader should be announced as "reset…
Victor
  • 17
  • 5
0
votes
1 answer

I'm consistently getting the incorrect value for a contrast ratio between two colours in a contrast finder in C#

I am attempting to write a class library that can be used to take an input colour in any format and returns one of two colours that subscribes to the W3 standards for good readability. Due to the font weight for the specific case, I only need to…
0
votes
1 answer

Tab focus does not reach on disabled input field

I am working accessibility testing. when I click on tab key to reading all the components, the focus does not reach on input field though input field is in inactive state, not editable. so for the screen reader does the tab focus should reach on…
Victor
  • 17
  • 5
0
votes
0 answers

Color contrast using relativ luminance, where does the 0.05 come from

I am currently calculating the contrast of two foreground colors and a background color to programmatically decide if the foreground color should be white or black. The formula for the contrast ratio is defined as (L1 + 0.05) / (L2 + 0.05) Where…
user13523921
0
votes
2 answers

WCAG 3.2.2 On Input resolution

When user select any value from drop down, additional field are get visible without any prior warning. This change of context is disorienting for visually impaired and cognitive impaired user. The drop down values are domestic account, international…
Victor
  • 17
  • 5
0
votes
0 answers

How to use Javascript (or jQuery) to alter one elements position based on another dimensions for responsive design?

I have a fixed position element that stays on the side of the page. The problem is that when I zoom in (to test/meet WCAG 1.4.4) the element will go over the top of other text, making the lower text unreadable. Using minimum/maximum sizes doesn't…
AccCode
  • 9
  • 1
0
votes
1 answer

Despite having onkeydown event handlers, Firefox is telling me "Focusable elements should have interactive semantics"

I'm trying to add accessibility to my website, but I'm running into a weird issue with Firefox's accessibility scanner. I've put onclick and onkeydown handlers on my interactive elements, but onkeydown doesn't seem to be enough; Firefox is telling…
0
votes
2 answers

How to access a conditionally revealed element with position:fixed through tab navigation?

I am working on a project that has cart functionality. There's a button that opens or closes a cart. It's an overlay with position: fixed. So, if I am tabbing through the interactive elements and then click on the open cart button, the cart gets…
0
votes
0 answers

Page jumps up and down when using VoiceOver on multiline UITextView

Page jumps up and down when navigating from one line to another using VoiceOver in a multiline UITextView, which is uneditable. Here are properties Here's the video: https://streamable.com/l7o8g4 Have no idea how to fix it.
0
votes
0 answers

How to resolve a multipleLabellingTechniquesUsed error in a React app using ARC Toolkit

I was resolving accessibility issues using ARC toolkit. And I am stuck on one issue i.e.: And here is my component markup: {/* */}
Rahul
  • 5,594
  • 7
  • 38
  • 92
0
votes
3 answers

Web Accessibility after WCAG 2.1 - Title on non-interactive element

For my study project I'm currently checking an example website for WCAG 2.1 compliance. Checking it with different tools I still get some Warnings I don't understand or know how to solve. One of the warnings is "title on non interactive element": I…
Danny
  • 1
  • 1
0
votes
1 answer

How best to inform a screen reader user when new content is loaded in a different container

I am working on a app where users can add 'terms' from a list of search results into a new a search query. When the first term is added, a toolbar appears at the bottom of the page to allow users to track which terms are in the list, and kick off…
ChrisMurray
  • 577
  • 1
  • 4
  • 21
0
votes
0 answers

Android App Accessibility: How can I define the app main language?

In the European Standard for Accessibility there is a requirement that the "default human language of software can be programmatically determined". For example, when using a Spanish-language app on an English-language Android operating system, the…
Pirre
  • 41
  • 2