Skip to content

Add low-level fails to AAA rules #2010

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jan 26, 2023
Merged

Add low-level fails to AAA rules #2010

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b9c30a4
Add low-level fails to AAA rules
WilcoFiers Jan 18, 2023
288c66d
Merge branch 'develop' into lower-lvl-failed-examples
WilcoFiers Jan 26, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions _rules/meta-refresh-no-delay-no-exception-bisz58.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -96,19 +96,19 @@ The first valid `meta` element redirects immediately.
```html
<head>
<meta http-equiv="refresh" content="0; https://w3.org" />
<meta http-equiv="refresh" content="72001; https://w3.org" />
<meta http-equiv="refresh" content="30; https://w3.org" />
</head>
```

### Failed

#### Failed Example 1

This `meta` element refreshes the page after 20 hours.
This `meta` element refreshes the page after 30 seconds.

```html
<head>
<meta http-equiv="refresh" content="72001" />
<meta http-equiv="refresh" content="30" />
</head>
```

Expand Down
26 changes: 18 additions & 8 deletions _rules/text-contrast-enhanced-09o5cg.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -222,6 +222,16 @@ This 18pt large black text has a contrast ratio of 3.6:1 on the gray background.

#### Failed Example 4

This light gray text has a contrast ratio of 2.3:1 on the white background.

```html
<p style="color: #AAA; background: white;">
Some text in English
</p>
```

#### Failed Example 5

This 14pt bold black text has a contrast ratio of 3.6:1 on the gray background.

```html
Expand All @@ -230,7 +240,7 @@ This 14pt bold black text has a contrast ratio of 3.6:1 on the gray background.
</p>
```

#### Failed Example 5
#### Failed Example 6

This light gray text has a contrast ratio between 1.4:1 and 4.7:1 on the background image.

Expand All @@ -242,7 +252,7 @@ This light gray text has a contrast ratio between 1.4:1 and 4.7:1 on the backgro
</p>
```

#### Failed Example 6
#### Failed Example 7

This black text with 60% alpha channel has a contrast ratio of 5.7:1 on the white background.

Expand All @@ -252,7 +262,7 @@ This black text with 60% alpha channel has a contrast ratio of 5.7:1 on the whit
</p>
```

#### Failed Example 7
#### Failed Example 8

This black text with 60% opacity has a contrast ratio of 5.7:1 on the white background.

Expand All @@ -264,7 +274,7 @@ This black text with 60% opacity has a contrast ratio of 5.7:1 on the white back
</div>
```

#### Failed Example 8
#### Failed Example 9

This gray text has a contrast ratio of 5.7:1 on the white background in a shadow DOM tree.

Expand All @@ -276,7 +286,7 @@ This gray text has a contrast ratio of 5.7:1 on the white background in a shadow
</script>
```

#### Failed Example 9
#### Failed Example 10

This semi-transparent gray text has a contrast ratio between 2.6:1 and 5.4:1 on the black and white background. The light gray text is compared to the white section of the background and the dark gray text is compared to the black section of the background.

Expand All @@ -294,7 +304,7 @@ This semi-transparent gray text has a contrast ratio between 2.6:1 and 5.4:1 on
</span>
```

#### Failed Example 10
#### Failed Example 11

The first `p` element has a contrast ratio of 12.6:1. The second `p` element, which contains an example of the Helvetica font, has a contrast ratio of 6.4:1. Because this provides information, and not only for aesthetic purposes, this is not considered [purely decorative][].

Expand All @@ -307,15 +317,15 @@ The first `p` element has a contrast ratio of 12.6:1. The second `p` element, wh
</p>
```

#### Failed Example 11
#### Failed Example 12

This text is part of a widget because it is a child of a `button` element. The button text has a contrast ratio of 6.4:1.

```html
<button style="color: #555; background: #EEE;">My button!</button>
```

#### Failed Example 12
#### Failed Example 13

This text is part of a widget because it is a child of an element with the `role` attribute set to `button`.
The button text has a contrast
Expand Down