13
votes
Accepted
Are modal dialogs WCAG compliant?
There is a section of WCAG 2.0 dedicated to this. 2.1 Keyboard Accessible.
https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html
Specifically:
2.1.1 Keyboard: All functionality of ...
- 8,904
12
votes
What if those with disabilities aren't your user base?
Everyone can be or will become disabled over time.
Microsoft's Inclusive Design principles have very good examples of this.
Even if you know that the majority of your users have no additional ...
- 8,888
12
votes
Accepted
Maximum contrast ratio for good accessibility
More Contrast Generally Better
There are no general standards for capping contrast for either day or night displays. Generally, the higher the contrast, the easier the reading in both cases (Parker &...
- 37.7k
10
votes
Accepted
Icon only vs. text and icon
Normally my advice would be to always pair an icon with text on the screen, making both clickable. In this way you can use an aria-hidden attribute to hide the icon for screen readers, which just ...
- 8,904
8
votes
WCAG 2.0 color contrast - How strict do you need to follow?
Well, either you follow the rules or you don't. You have to choose if the trade off of "nice look" vs "accessible" is of value for you. Personally, I always think objective data is usually better than ...
- 37.3k
7
votes
Does hover state button text need to meet accessibility guidelines?
Let's take the example of a table row that is highlighted on mouse hover.
As mentioned by Sooraj MV, WCAG enforces a contrast ratio of 4.5:1 minimum for AA level of accessibility.
OK but you can ...
- 1,987
7
votes
Accepted
Why WCAG 2.0 doesn't comply with its own line length criterion of 1.4.8?
The recommended way to implement this is using relative units in em. If you check the page you have mentioned above, the <body> max-width is set at 50em, very easily within AAA conformation.
...
- 3,196
7
votes
Accessible way of notifying a screen reader about loading the dynamic Web page update (AJAX)
Somehow stumbled across this and thought I would throw a solution (or the best fix we have at the moment) down for you even if it is 9 months old!
You are 95% of the way there, aria-live regions are ...
- 2,588
5
votes
Accepted
Does WCAG (2.1) apply to native (iOS, Android) mobile apps?
Not as such.
And in addition WCAG is still just a guideline as mentioned in the name. And as mentioned in the name it is a guideline about web content.
From WCAG 2.1
These guidelines address ...
- 5,299
5
votes
Should alt text be added to an image of a person for WCAG compliance?
Even for someone who can't see it, it can be definitively informative that there is an image that contains the person in question. It is important to keep the text relevant to the context and to why ...
- 11.4k
5
votes
Accepted
Do accessibility standards (WCAG AA) require a screen reader to announce an HTML element upon mouse hover?
Two related bugs in NVDA:
NVDA reader doesn't read icon on mouse hover
Windows 11 Design Elements Are Not Reported by NVDA When Mouse Tracking Is On
However, there is nothing in WCAG that requires ...
- 3,245
4
votes
WCAG 2.0 compliance: do I have to support browsers
Yes. It's the intent of Guideline 4.1:
The purpose of this guideline is to support compatibility with current
and future user agents, especially assistive technologies (AT). This
is done both ...
- 2,776
4
votes
Contrast ratio for button background color?
Both pass colour contrast test ..check here:
http://leaverou.github.io/contrast-ratio/#%230000ff-on-%23fcdb31
http://leaverou.github.io/contrast-ratio/#%23fcdb31-on-%230000ff
But, if you ask me as ...
- 1,830
4
votes
WCAG 2.0 color contrast - How strict do you need to follow?
My issue is that I just don't understand how based on the rules, that
black text is better on the purple than white.
This is to do with the varying types of colour blindness and if people with ...
- 2,674
4
votes
WCAG 2.0 color contrast - How strict do you need to follow?
"How strict should I follow the WCAG?"
1 You do not have to follow it at all if you do not want to, depending on what industry you are in, as there are discrimination laws though those are usually ...
- 3,062
4
votes
Maximum contrast ratio for good accessibility
There're no maximum contrasts in WCAG as it's more focused on those with difficulty processing the differences in background and foreground information (either audio, or more usually visual).
The ...
- 339
4
votes
Accepted
What does 'A' stand for in A, AA & AAA accessibility conformance levels
WCAG 1.0, published in 1999, assigned priorities to checkpoints and defined three conformance levels: Level "A", Level "Double-A" and Level "Triple-A".
Early drafts of WCAG 2.0 did not assign ...
- 778
4
votes
Why do many prominent web apps use blue primary button with white text, when it fails the WCAG 2.1 contrast threshold
Accessibility modes are likely the reason. Twitter has a high-contrast mode for users who need it:
The accessibility setting of the web app now has a new “increase color
contrast” toggle button. The ...
- 12.1k
4
votes
Accepted
Accessible line height for headings (h1, h2, h3, etc)
We found the answer:
Use a minimum value of 1.5 for line-height for main paragraph content.
Headings aren't the main paragraph content, so line-height doesn't have to be 150% to be accessible.
In ...
- 95
4
votes
Accepted
Automated opt-in accessibility, is this viable?
AccessiBe, like other, accessibility overlays is a horrible scam waste of money. It promises to make sites 100% accessible. It not only doesn't, it frequently makes sites less accessible.
Regarding ...
- 101
3
votes
Accessible website with multiple homepages
Is this really a home page, or a squeeze page?
A home page would be a centralized portal from which many scenarios originate. It makes sense, if you have multiple home pages, to list them in some ...
- 575
3
votes
Are modal dialogs WCAG compliant?
WCAG is there for evaluating the accessibility of content or services and not for components like modals. To understand if the modal keeps things accessible you should look at the accessibilty of the ...
- 11.4k
3
votes
Are WAI ARIA attributes required for WCAG 2.0 level AA compliance?
I know this is already answered, but since it was referenced from another question I figured I'd paste this info here as well for more recent readers. It supplements the answer above.
If you are ...
- 216
3
votes
WCAG 2.0 compliance: do I have to support browsers which don't support JavaScript?
Both are good answers, when taken together, but both are sort of wrong in some respects too. WCAG is technology agnostic so it is not going to say what technologies (such as javascript) must be ...
- 3,245
3
votes
Accessibility - browser or site?
If your site doesn't scale properly when using browser controls then that sounds like the site isn't built properly.
Build it to proper HTML / W3C standards and let the user use whatever browser ...
JonW♦
- 37.2k
3
votes
Maximum contrast ratio for good accessibility
...users argue that WCAG Level AA is "way too contrast"...
For dark mode? I find that challenging to believe, because WCAG 2.x contrast can not calculate for dark mode. Here's an example, ...
- 309
3
votes
What does 'A' stand for in A, AA & AAA accessibility conformance levels
Not sure what it stands for but it was decided back in the first version.
Conformance Level "A": all Priority 1 checkpoints are satisfied;
Conformance Level "Double-A": all ...
- 3,196
3
votes
Does hover state button text need to meet accessibility guidelines?
Yes, of course. WCAG 2.0 version 1.4.3 has not mentioned anything specific regarding color change for button text on hover/focus states. It is safe to assume that the button text on hover/focus states ...
- 3,599
3
votes
Does hover state button text need to meet accessibility guidelines?
First off, hopefully your hover state is also indicated with keyboard focus too. (Just use :hover and :focus in the same style definition).
Whether the button has focus or hovered or not, the text ...
- 3,245
3
votes
Why WCAG 2.0 doesn't comply with its own line length criterion of 1.4.8?
The phrase "Lines should not exceed 80 characters or glyphs" occurs in the section "Intent of this Success Criterion". The actual text of the Success Criterion says:
1.4.8 Visual Presentation: For ...
- 2,655
Only top scored, non community-wiki answers of a minimum length are eligible