Skip to content
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

Technique G183: expand example 2 to actually illustrate the technique's point #2244

Merged
merged 2 commits into from
May 28, 2024
Merged

Technique G183: expand example 2 to actually illustrate the technique's point #2244

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
251e160
Technique G183: expand example 2 to actually illustrate the technique…
patrickhlauke Mar 2, 2022
ad92c7f
Update techniques/general/G183.html
patrickhlauke May 3, 2024
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
2 changes: 1 addition & 1 deletion techniques/general/G183.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ <h3>Colors that would provide 3:1 contrast with black words and 4.5:1 contrast w
</section>
<section class="example">

<p>The hypertext links in a document are medium-light blue (#3366CC) and the regular text is black (#000000). Because the blue text is light enough, it has a contrast of 3.9:1 with the surrounding text and can be identified as being different than the surrounding text by people with all types of color blindness, including those individuals who cannot see color at all.</p>
<p>The hypertext links in a document are medium-light blue (<code>#3366CC</code>) and the regular text is black (<code>#000000</code>). Beyond the difference in color, the links have no other styles differences compared with the regular text. Because the blue text is light enough, it has a contrast of 3.9:1 with the surrounding text and can be identified as being different from the surrounding text by people with all types of color blindness, including those individuals who cannot see color at all. In addition, the links have <code>:focus</code> and <code>:hover</code> styles that reintroduce the underline when the links receive keyboard focus or when a mouse pointer hovers over them.</p>
patrickhlauke marked this conversation as resolved.
Show resolved Hide resolved

</section>
</section><section id="tests"><h2>Tests</h2>
Expand Down