Questions tagged [wcag2.0]
Recommendation from the W3C, which explains to developers and authors how to make Web content accessible to people with disabilities.
wcag2.0
274
questions
1
vote
2
answers
98
views
Should an h3 or h4 ever go above an h2 if its semantic meaning is less significant?
I have a component that has an eyebrow and below the eyebrow there is a larger heading. The heading is larger and more significant to the overall theme of the component. The eyebrow is more ...
- 2,828
0
votes
1
answer
39
views
How do I make an "add to list" pattern accessible for assistive technology users?
Given the following code:
const form = document.getElementById("items-form");
const input = form.querySelector("input");
const list = document.getElementById("items-list");
function addItem(e) {
...
- 3,452
0
votes
1
answer
132
views
WCAG 1.4.4. Resize text - is it a failure to ellipsize and provide an accessible tooltip?
1.4.4 isn't clear to me with respect to ellipsizing. I have text on a page that can ellipsize when zooming and this is considered a failure of 1.4.4.
I did find this which does have an ellipsized ...
- 18.8k
0
votes
1
answer
120
views
WCAG Accessibility - require at least one entry from a fieldset
I have a group of fields and require that at least one from the group must be filled out. An example would be a home, work and mobile phone number. Whilst applying for my service, the customer must ...
- 41
0
votes
1
answer
181
views
Can transparent text technically be WCAG compliant if an opaque image of the text is in the same location?
Background
I'm working on a solution for displaying PDFs, that has very specific requirements. Basically we need to manage placement of editable fields on top of these user-uploaded documents, for ...
- 413
0
votes
1
answer
74
views
The case of long labels
I am working on a pdf form.
The labels for the multi line text field that were provided to me are really long, as an example (the text was modified from the original, so it might not make sense):
...
- 163
2
votes
2
answers
205
views
Language of parts for image alt text
I was working on the DHS trusted tester course and came across this example (on Lesson 4: Forms (On Input) > Passing examples > Example 3) where a page language is changed to Spanish using a ...
- 21
0
votes
0
answers
14
views
How to prevent screen readers from reading url after redirect?
How can I prevent screen readers from reading the URL path? Currently, when I navigate from page 'A' to page 'B,' screen readers announce the new page as '/B,' which is the default behavior. I'd like ...
0
votes
0
answers
94
views
No dialog role is announced by JAWS screen reader when dialog is appear in the screen
I have created a dialog component in react using MUI library. I am working on WCAG 2.0 integration and testing the component in Chrome + JAWS.
No role "dialog" is announced by the screen ...
- 1,111
0
votes
1
answer
217
views
A11y correct standard to set focus, when modal is on complete step
My question is related to Accessibility standard.
I have a modal with multi-step form, when modal reaches final step which only has 1 actionable item that is close button, focus goes to close button.
...
- 105
3
votes
1
answer
439
views
Calculating a text color based off of a background (not just black or white)
I'm currently trying to build a feature in typescript that automatically generates a text color that works on top of a background that follows the AA WCAG 2 or APCA standards. The problem is that I ...
- 31
-1
votes
1
answer
23
views
Which all attributes shoud be added to make a button that opens a menu of actions to make it accesible to assistive technology
menu iniside table
Which all attributes shoud be added to make a button that opens a menu of actions which is placed inside a table to make it accesible to assistive technology.
Tried to add role=menu....
0
votes
1
answer
28
views
WCAG 2.0: Delay scrolling causes issues with SR Utility Menu reading headings
I know the fix but I'm trying to figure out where this issue falls in WCAG 2.0.
When the webpage loads there is a scroll effect which hides the main content of the page until the user navigates into ...
0
votes
0
answers
157
views
Accessibility for draggable image
I have an interactive widget where a box image is draggable. Since the images are not interactive elements, I am not sure if the image can be focused. I have gone through the functional image ...
- 43
0
votes
0
answers
59
views
Passing a WCAG 2.0 (Level AA) test for a website
I am trying to pass a WCAG 2.0 (Level AA) in a website and I can't understand what should I change.
It gives me 2 errors.
The first error is :
"Modify the header levels so only an h3 or any ...
- 182