Skip to content

Commit

Permalink
updated section on bit-mapped image to include the possibility of fil…
Browse files Browse the repository at this point in the history
…ters or image substitution
  • Loading branch information
jongund committed Dec 10, 2024
1 parent 2b4dd4a commit affb5bd
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion content/practices/high-contrast/high-contrast-practice.html
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
clearTimeout(this.timeoutID);

Check failure on line 1 in content/practices/high-contrast/high-contrast-practice.html

View workflow job for this annotation

GitHub Actions / lint-html

Doctype must be declared first. [error/doctype-first]

Check failure on line 1 in content/practices/high-contrast/high-contrast-practice.html

View workflow job for this annotation

GitHub Actions / lint-html

Doctype must be declared first. [error/doctype-first]
<!DOCTYPE html>
<html lang="en">
<head>
Expand Down Expand Up @@ -710,7 +711,7 @@ <h2>SVG Graphics versus Bit-Mapped Images for Components</h2>

<h3>Limitations of Bit-Mapped Images</h3>

<p>The colors of pixels used in bit-mapped images (e.g. .png, .jpeg) do not respond to changes in media query values making them difficult or impossible for people with some types of visual impairments to see when the change contrast settings. Low resolution images also do not scale smoothly when the browser zoom features are used to increase the size of rendered content and the resulting distortion will make it more difficult or impossible for people to identify the component.</p>
<p>The colors of pixels used in bit-mapped images (e.g. .png, .jpeg) can respond to media queries by changing the actual image rendered or by applying a <a href=""https://developer.mozilla.org/en-US/docs/Web/CSS/filter">CSS filter</a> to the image. Even when one or more of these techniques are used to respond to changes in contrast settings the resulting images may still be difficult or impossible for people with some types of visual impairments to see. Low resolution images also do not scale smoothly when the browser zoom features are used to increase the size of rendered content and the resulting distortion will make it more difficult or impossible for people to identify the component.</p>

Check failure on line 714 in content/practices/high-contrast/high-contrast-practice.html

View workflow job for this annotation

GitHub Actions / lint-html

Special characters must be escaped : [ < ]. [error/spec-char-escape]

Check failure on line 714 in content/practices/high-contrast/high-contrast-practice.html

View workflow job for this annotation

GitHub Actions / lint-html

Special characters must be escaped : [ > ]. [error/spec-char-escape]

Check failure on line 714 in content/practices/high-contrast/high-contrast-practice.html

View workflow job for this annotation

GitHub Actions / lint-html

Tag must be paired, no start tag: [ </a> ] [error/tag-pair]

Check failure on line 714 in content/practices/high-contrast/high-contrast-practice.html

View workflow job for this annotation

GitHub Actions / lint-html

Special characters must be escaped : [ < ]. [error/spec-char-escape]

Check failure on line 714 in content/practices/high-contrast/high-contrast-practice.html

View workflow job for this annotation

GitHub Actions / lint-html

Special characters must be escaped : [ > ]. [error/spec-char-escape]

Check failure on line 714 in content/practices/high-contrast/high-contrast-practice.html

View workflow job for this annotation

GitHub Actions / lint-html

Tag must be paired, no start tag: [ </a> ] [error/tag-pair]

<p>Note: Bit-mapped images used for components should meet <a href="https://www.w3.org/TR/WCAG21/#contrast-minimum">WCAG 1.4.3: Contrast (Minimum)</a> requirement.</p>

Expand Down

0 comments on commit affb5bd

Please sign in to comment.