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
17
votes
4
answers
3k
views
Maximum contrast ratio for good accessibility
So we are remaking an enterprise app from scratch. This time we want to base our design decisions on proper research.
Our users use the app 24/7 with high requirements for UX. So our main goal is to ...
- 2,278
15
votes
5
answers
8k
views
Should I have a text size widget for accessibility on a charity website?
I'm a developer at a small web agency that works primarily with charities. We tend to put a simple textsize widget on every site (eg. top right on www.embraceme.org). I find myself wondering if that's ...
- 253
14
votes
2
answers
9k
views
When is it appropriate to add the HTML5 "autofocus" attribute to a page?
For usability it can be useful to autofocus on something like the search input form on a search page.
Where the primary purpose of a page is to search or add content, it can be appropriate to assume ...
- 241
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
11
votes
3
answers
5k
views
Are modal dialogs WCAG compliant?
Are modal dialogs WCAG compliant? I understand that pop-ups of any kind do not meet WCAG requirements, and I assume this includes modal dialogs?
For example, I am working with a Primefaces component,...
- 257
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
9
votes
2
answers
3k
views
Are WAI ARIA attributes required for WCAG 2.0 level AA compliance?
I'm reading the W3 WCAG quick reference guide located here
It has the option of selecting items to display for WAI ARIA WCAG compliance -- is WAI-ARIA required for WCAG compliance or not? It's not ...
- 93
8
votes
2
answers
7k
views
For correct accessibility, how should I title an iframe?
We've recently begun using Google Tag Manager on our site, as well as using a tool that tests accessibility.
Running our site against WCAG 2.0 Level A results in an error (WCAG 2.0 Level A 2.4.1 and ...
- 185
7
votes
3
answers
3k
views
WCAG 2.0 compliance: do I have to support browsers which don't support JavaScript?
WCAG 2.0 has some requirements on robustness: "Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies", but it doesn't ...
- 173
6
votes
2
answers
849
views
Color Contrast WCAG 2.0 SC 1.4.3 and Video / Motion Content
There is no reference to motion/video found in SC 1.4.3 — simple "images" and "background."
Do the color contrast requirements of SC 1.4.3 apply to text that is in a video and overlayed on top of ...
- 61
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
5
votes
2
answers
2k
views
Contrast ratio for button background color?
I am working with making a website WCAG II compliant. The designers are asking to use yellow buttons (specifically, #fcdb31) with blue text on top of them on white backgrounds.
While the blue type on ...
5
votes
1
answer
208
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
5
votes
3
answers
471
views
Do colour differences which also carry major brightness differences fail WCAG 2.0 SC 1.4.1: Use of Color?
I've run into a conundrum with WCAG 2.0 Success Criteria 1.4.1: Use of Color whilst assessing an internal project for WCAG Level AA compliance.
Among my assessment, I'm assessing controls that provide ...
- 882
5
votes
1
answer
2k
views
Accessibility - Keyboard Focus order - tab directly to form or tab through all elements?
Background info:
I'm performing an Accessibility Audit as per the new AODA law in Ontario:
http://www.e-laws.gov.on.ca/html/source/regs/english/2011/elaws_src_regs_r11191_e.htm#BK15
It follows the ...
- 4,211
5
votes
1
answer
354
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
4
votes
5
answers
607
views
WCAG 2.0 color contrast - How strict do you need to follow?
I have some buttons with a purple background and I am trying to set the text color so it is in compliance of the WCAG 2.0 color contrast rules.
My issue is that I just don't understand how based on ...
- 207
4
votes
5
answers
230
views
What if those with disabilities aren't your user base?
I have a slight problem with accessibility. I have no issue with those with disabilities but here is my problem. They are not primarily my user.
I build recruiting sift questionnaires for ...
- 41
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
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
4
votes
2
answers
3k
views
Is an English only aria-label better than no aria-label at all for non-English speakers?
We have a set of buttons that have a single icon for the content and no text content. One example, a button in the top left of a modal that has an 'X' icon which is an image file. To better ...
- 432
4
votes
3
answers
107
views
WCAG/ADA Compliant Notice
A client would like to notify its users that their website is ADA compliant. Let's say the site meets all the criteria to be compliant, and all the copy is written by their legal/copy teams, where ...
3
votes
3
answers
5k
views
Icon only vs. text and icon
Im working on a project now but I'm not sure if an icon alone is accessible (AA) or if it needs to be accompanied by text?
Which would meet the WCAG AA standards?
- 2,674
3
votes
2
answers
479
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
3
votes
3
answers
327
views
How many more people do I reach if we build a website that reaches WCAG Level AAA?
So we have decided to make our website more accessible and I'm studying the WCAG recommendations right now. I can clearly see that there is a difference between Level A, Level AA and Level AAA. It's ...
- 7,294
3
votes
1
answer
427
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
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
199
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
3
votes
1
answer
652
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
3
votes
1
answer
501
views
WCAG 2.1: 1.3.6 Identify Purpose - How do you meet the icon requirements for this?
WCAG 2.1 has officially been released so I'd like to try to support it as much as I can.
I'm having difficulty understanding guideline 1.3.6 (Identify Purpose).
https://www.w3.org/WAI/WCAG21/...
- 197
3
votes
1
answer
669
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
2
answers
157
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
944
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
163
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
2
votes
2
answers
3k
views
For Screen Readers: How to markup a group of text items to be read as one item? Should I even try?
How might I mark up the following component in accordance with WCAG 2.1 guidelines, accessibility best practices, and with as much assistive technology compatibility as possible (I don't want to ...
- 123
2
votes
1
answer
157
views
Accessible website with multiple homepages
We're building a website, that people will be sent to from an email. There's multiple home pages, because there are different groups in the email list that the home pages correspond to. So to keep the ...
- 143
2
votes
1
answer
369
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
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
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
2
votes
1
answer
66
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 ...
2
votes
1
answer
179
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
1
answer
3k
views
To meet WCAG AA on desktops, what is the minimum space required between two click targets?
I have already looked at these:
1. WCAG 2.1 for Target size
2. button sizes on web pages on Stack Exchange
3. Material Design Google Guidelines for Buttons
4. Spacing between UI components on Stack ...
- 23
2
votes
2
answers
1k
views
How to make a decorative video accessible
Our clients gave us a video that is mostly B-roll so they are saying they do not need to add captions to make is ADA compliant, but I'm not sure that is true. I know for images, if it's purely ...
- 143
2
votes
2
answers
76
views
What words would you measure useability in 3 levels for WCAG Accesibility, keeping it short, simple and easy to understand
So i'm making this WCAG 2.0 tool that needs to indicate to the user how well their sites and pages are doing in terms of Accessibility. I have called it 'Accessibility Usability' which indicates in 3 ...
- 181
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
1
vote
3
answers
423
views
Is the cost of creating a separate website for vision or motor impaired users higher than trying to make existing websites accessible?
A little bit of background (feel free to skip):
There are a lot of government regulations being put in place to prevent issues with website accessibility under various anti-discrimination acts in the ...
- 26.7k
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
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
1
vote
2
answers
160
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
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