Skip to main content
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 ...
SteveD's user avatar
  • 8,934
13 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 &...
Michael Zuschlag's user avatar
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 ...
Nathan Rabe's user avatar
  • 8,878
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 ...
SteveD's user avatar
  • 8,934
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 ...
Devin's user avatar
  • 38.1k
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 ...
Leths's user avatar
  • 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. ...
Ren's user avatar
  • 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 ...
GrahamTheDev's user avatar
  • 2,598
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 ...
locationunknown's user avatar
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 ...
jazZRo's user avatar
  • 11.9k
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 ...
slugolicious's user avatar
  • 3,305
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 ...
Tin Man's user avatar
  • 2,814
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 ...
UXbychoice's user avatar
  • 1,850
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 ...
UIO's user avatar
  • 2,684
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 ...
Igor-G's user avatar
  • 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 ...
Karl Brown's user avatar
4 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, ...
Myndex's user avatar
  • 329
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 ...
Tsundoku's user avatar
  • 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 ...
Izquierdo's user avatar
  • 12.7k
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 ...
uDima's user avatar
  • 115
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 ...
Honking Squirrel's user avatar
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 ...
Nathan Christie's user avatar
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 ...
slugolicious's user avatar
  • 3,305
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 ...
jazZRo's user avatar
  • 11.9k
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 ...
aardrian's user avatar
  • 206
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 ...
Ren's user avatar
  • 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 ...
Sooraj MV's user avatar
  • 3,609
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 ...
slugolicious's user avatar
  • 3,305
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 ...
TripeHound's user avatar
  • 2,655
3 votes
Accepted

Do links to inaccessible sites make my website inaccessible?

Merely providing links to an inaccessible site does not make your own site inaccessible. A conformance claim only covers the site (domain or subdomain) for which the owner claims conformance; it does ...
Tsundoku's user avatar
  • 778

Only top scored, non community-wiki answers of a minimum length are eligible