Questions tagged [wcag]
Web Content Accessibility Guidelines (WCAG) is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally
90
questions
1
vote
1
answer
63
views
What would be the recommended level for "complementary" headers?
I am currently working on the accessibility of the open source software XWiki. I want to update the way we handle the headers on our page but I lack facts and information to back up this change.
Our ...
0
votes
1
answer
91
views
What is a good aria-label for a button that opens a modal to pick a region and/or language for the webpage?
I have a <button> element that opens a modal to change the webpage region and/or language.
The <button> element needs an aria-label that gives the user information about what the modal ...
1
vote
1
answer
99
views
WCAG' Non-text contrast requirements, what exactly are the guidelines with hover?
WCAG does a weird job of explaining their non-text contrast requirements with hover states.
Within their "Understanding non-text contrast" documentation, they have this bizarre example:
As ...
- 5,435
0
votes
2
answers
105
views
Do different opacities of hover / click / active states need considering from an accessibility perspective?
I found this sidebar on Dribbble:
And I'm wondering if it's fully accessible? It looks like when a menu item is active, it's given a semi-transparent background. And when you hover over another menu ...
- 103
0
votes
1
answer
65
views
Does WCAG A or AA require that a website support tabbing/keyboard accessibility on Android and IOS devices?
I have a webpage that is keyboard accessible in Chrome, Firefox, and Edge across all screen sizes. However, when using the page on Android and IOS the tabbing is not effective or sequential.
Is it a ...
- 115
0
votes
1
answer
236
views
Are arrow keys necessary to meet WCAG A and AA standards for keyboard navigation or is Tab key sufficient?
If there is a website navigation with subMenus and some subMenu themselves have their own subMenus. It is possible to fully navigate the navigation with the keyboard through Tab, Enter, and Space keys....
- 115
1
vote
2
answers
203
views
Why is focus state interaction is different for Checkbox and radio field
Today I noticed that radio buttons and checkboxes have different interaction for focus state.
If you look at the example webaim of a radio button you notice that you can not select the next radio ...
- 1,060
2
votes
1
answer
56
views
(WCAG 1.4.11) Understanding 'subsuming' in Non-text Contrast AA Level
In a vaccuuum I understand how to interpret the criterion.
If a border is the only way to identify a control then Border vs container must have >3 contrast.
If a background is the only way to ...
3
votes
1
answer
394
views
Do accessibility standards (WCAG AA) require a screen reader to announce an HTML element upon mouse hover?
We are using the screen reader NVDA. We have a website that we are trying to make WCAG AA compliant. If you use only a keyboard (no mouse), and use the Tab key to navigate around the page, whenever an ...
- 133
1
vote
1
answer
665
views
Does an input type text with its css display property set to none need a label?
We've got a few inputs in various places, which are of type text but their display property is set to none. Something like this:
<input type="text" style="display:none" value=&...
- 13
0
votes
1
answer
49
views
Section 508 and "applets and plugins"
Before the Section 508 refresh, 508 had the following provision:
(m) When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, ...
- 133
0
votes
2
answers
74
views
wcag 2.1: Which success criteria can be tested automatically or semi-automatically?
Which WCAG 2.1 success criteria can be tested
fully automatically,
semi-automatically with intellectual validation,
intellectually only?
It seems to me IT consulting firms exploit customers' ...
- 25
0
votes
1
answer
185
views
Do Apple and Google really care about WCAG when it comes to color contrast?
I am struggling to incorporate a yellow on a light background.
The only option to be compliant seems to be to make the yellow almost brown.
I thought I'd check how the big guys do it and it turns ...
- 11
1
vote
1
answer
63
views
What WCAG criteria addresses hearing-impaired users and the use of audio instructions?
We are working on a product for Kindergarten to Grade 2/3 level students learning to read that displays an activity with various mechanisms to students. The instructions for these activities are not ...
- 33
0
votes
1
answer
229
views
Accessibility slider with no min/max values
What would be the best instructions for a slider that has no min/max value. For example, you are either all the way to the left or right of a question asked. You could also be in the middle, or ...
- 1
0
votes
1
answer
80
views
Accessible HTML5 markup for side notes / remarks / person's affiliation
I have an HTML5 document which includes content such as
Presenters: John Doe1, Jane Doe2*
( lots of text)
(...)
1: University of Foo
2: Institute of Bar
*: Presenting author
So there are side ...
- 103
1
vote
1
answer
51
views
Do line numbers in a code theme need to meet WCAG AA contrast?
We're designing a custom code theme which displays line numbers, and we're having some internal debate whether these line numbers need to meet WCAG AA contrast guidelines? They're not the main body ...
- 448
2
votes
1
answer
929
views
Using text-shadow for accessibility
I'm interested in understanding whether there has been any research or confirmed values for using the text-shadow property with the goal of meeting WCAG minimum colour contrast values.
In my ...
- 2,064
2
votes
2
answers
159
views
WCAG 2.1 Compliance: How does it apply to password-protected web and native apps
As stated in the title, I'm curious if anyone has resources explaining (or experiences with) any adjusted WCAG criteria for "gated" applications. Does something being behind a password wall, ...
- 509
3
votes
1
answer
629
views
Should keyboard focus restart at the top of the site after navigation in a single page app?
In a traditional website, the entire webpage is reloaded after a navigation event, so the user's focus always restarts at the top of the document—in our case, that means the first Tab press would ...
- 143
1
vote
1
answer
120
views
Automated opt-in accessibility, is this viable?
A client I am working with wants to make use of an automated accessibility solution in order to meet compliance standards. Particularly, they've mentioned AccessiBe.
I've got no experience with such a ...
- 113
4
votes
2
answers
4k
views
Accessible line height for headings (h1, h2, h3, etc)
We are working on making our product's typography WCAG accessible.
This is what MDN says regarding the line-height:
Use a minimum value of 1.5 for line-height for main paragraph content.
This will ...
- 95
1
vote
1
answer
155
views
What constitutes "web content" and "authoring tool" for the purposes of the VPAT?
I'm filling out a VPAT for our company's product and having some difficulty understanding the terminology. Our product is an integration tool for flowing data between different systems. The frontend ...
- 1,071
0
votes
1
answer
424
views
Accessibility - SC 1.4.4 - Placeholder text not visible when browser zoom is set to 200%
I have a question regarding SC 1.4.4 Resize Text for Placeholders for inputs. I am not for the design we currently have, but have to work a solution with whatever design I have.
The first row in the ...
2
votes
1
answer
366
views
Image comparison sliders and visual accessibility
I am creating an image slider for a site, and I am confused on how to successfully meet wcag requirements. Below is an example that conveys the idea of what I am creating.
I have read a couple ...
- 133
5
votes
1
answer
207
views
Why do many prominent web apps use blue primary button with white text, when it fails the WCAG 2.1 contrast threshold
WCAG 2.1 says to have a minimum contrast ratio of 4.5:1, but blue primary buttons of Twitter, Figma and Outlook have white text which fails to cross the threshold ratio. Is there another scientific ...
- 81
1
vote
1
answer
79
views
Is specifying link colours a violation against WCAG's Success Criterion 1.4.8?
The text of the WCAG's Success Criterion 1.4.8 page says:
Success Criterion 1.4.8 Visual Presentation (Level AAA): For the visual presentation of blocks of text, a mechanism is available to achieve ...
- 13
3
votes
1
answer
96
views
WCAG 3.0 structure and assessment criteria benefits in current practice
Even though it is currently in draft form, the WCAG 3.0 document is looking to be more user-friendly and easier to assess compliance against.
I think the change in the document structure and language ...
- 26.7k
3
votes
1
answer
658
views
Accessibility and Autoscroll
I have a scrollable list of items, with a possibility to add a new item to the list. The new item always appears on the top of the list. Also in order to inform the user that an item has been ...
- 131
2
votes
1
answer
1k
views
(Accessibility) - Back button placement on the page in SPA
I am working with an SPA with Angular and the designs indicates that there is a back button and it is before the Page level heading usually the H1. For SPA, it is a general practice that we place the ...
2
votes
1
answer
178
views
What level of compliance does a chart with patterns have in WCAG 2.1?
The following is an example of a chart using patterns. When a chart uses patterns (instead of plain colors) to separate sections, in which category of WCAG levels does it fall – A, AA or AAA?
- 21
2
votes
2
answers
115
views
Validity of PDF for image description
I am talking about a site in which certain images contain mission-critical information. I was wondering: would a solution in which a PDF file is replacing an image description (and ALT) ever be ...
- 23
0
votes
1
answer
56
views
Is 200% browser enlarge an alternative for colors with contrast less than 4,51:1?
I have a website that has font size for body 14px. All the colors have contrast ratio of 3:1.
wgac 2.1 states that normal fonts should have a ratio of 4,51. But if the user zooms in the site, normal ...
- 31
2
votes
2
answers
154
views
Should alt text be added to an image of a person for WCAG compliance?
Question
I am trying to comply with the WCAG accessibility rules for alt text attributes. The decision tree at the following link explains when alt text attributes are required and when they are not: ...
- 121
2
votes
1
answer
91
views
What controls are in-scope of WCAG 3.3.2 Labels or Instructions?
Based on what I understand success criterion 3.3.2 requires the visible label of an input to be clear and precise on what is the expected input, especially if the correct input requires special ...
- 123
1
vote
1
answer
80
views
Purpose of this from the WCAG guidelines about text-spacing
I need help understanding this guideline about text-spacing. I'm wondering what is the purpose of these text style properties in the bulleted points. My understanding is that users should be able to ...
- 11
5
votes
1
answer
3k
views
Does WCAG (2.1) apply to native (iOS, Android) mobile apps?
WCAG stands for Web Content Accessibility Guidelines, but it never defines what is meant by "web content".
Many of the success criteria are defined in terms of "user agent" as if they meant a web ...
- 4,269
4
votes
1
answer
127
views
Best way to get a WCAG report for an Android App?
To ensure usability of our app and also to have something that we can present to the outside, we need to have a report on how accessible our app is. It has to comply at least to the WCAG AA standard.
...
- 41
5
votes
1
answer
350
views
Accessibility testing (with Microsoft Narrator as screenreader)? Somebody here with some practical guidelines?
As a front-end developer in a small business agency ( < 30 developers) I am trying to be better at accessibility testing and screen-readers are a must then.
I am a Windows user and also has access ...
- 153
0
votes
1
answer
687
views
WCAG 2.1 Reflow vs Resize Text
The WCAG 1.4.10 Reflow asks to support width 320 CSS pixels without horizontal scrolling. The requirement is written in such a way that an author can test for reflow on a desktop browser with typical ...
- 4,269
12
votes
1
answer
17k
views
Accessible way of notifying a screen reader about loading the dynamic Web page update (AJAX)
The rise in the use of AJAX to dynamically update the website instead of using standard hyperlinks and separate Web pages has resulted in accessibility problems for users of assistive technology (e.g. ...
- 221
0
votes
0
answers
357
views
Focus behavior in a modal navigation drawer?
How should focus ideally behave in a modal navigation drawer (much like the one from Material Design)? The modal would appear when I webpage is viewed on a small screen, be opened using a hamburger ...
- 101
1
vote
2
answers
159
views
Contrast of a message box
I'm in the middle of updating the colours of our app and making them as consistent as possible, but also trying to bring them in line with the WCAG AA rating for contrast.
One area I'm unsure if I ...
- 171
1
vote
2
answers
142
views
Color contrast too low, but element good visible
I am checking a software against the software ergonomic requirements of WCAG 2.1 Level AA. On part is the colour contrast, which must be for graphics 3.0:1. In the following graphic the orange part is ...
- 177
3
votes
1
answer
198
views
Do links to inaccessible sites make my website inaccessible?
My website contains links to third-party websites, mostly articles on news websites. If these third-party websites are not accessible, and I am trying to meet WCAG 2.0/2.1 AA standards, do these ...
- 33
1
vote
1
answer
148
views
Setting a shortcut to change focus to a different section in a web app?
Let's say you have a web app with 3 sections. A left nav menu, a toolbar/settings section, and a main application area. Most of the time, the user will be engaging directly with the application, and ...
- 113
0
votes
1
answer
142
views
Should all toolbar buttons have shortcuts / hotkeys?
It seems like many products have hotkeys for "simple" toolbar functions like bolding, etc. -- functions that apply to a selection but don't require further input.
For functions that require further ...
- 113
1
vote
4
answers
2k
views
Why WCAG 2.0 doesn't comply with its own line length criterion of 1.4.8?
WCAG 2.0 Success Criterion 1.4.8 clearly specifies that to achieve AAA conformance level, Reading content in a single line should not exceed 80 characters for non-CJK (Chinese Japanese & Korean) ...
- 3,599
10
votes
5
answers
20k
views
Does hover state button text need to meet accessibility guidelines?
I've got a basic understanding of accessibility and how it applies to visual elements of your product and I'm keen to apply guidelines as best as I can.
My question is does the hover state button ...
- 101
3
votes
2
answers
478
views
What does 'A' stand for in A, AA & AAA accessibility conformance levels
I have been going through WCAG 2.0 guidelines and I couldnt find any reference to the letter 'A' in Conformance levels of A, AA & AAA standards. What does letter 'A' stand for ? Is it an ...
- 3,599