Cjs 8.1 2 fail 3

testcases.md

@@ -31,9 +31,15 @@ Test Case documents are organized by Baseline Test (each serving as a Test Scena
   * [Decorative Image - with alt="" (TC06.2-4-pass-1)](testcases/TC06.2-4-pass-1.html)
   * [Decorative Image - with image inserted via CSS (TC06.2-5-pass-1)](testcases/TC06.2-5-pass-1.html)
 * `8.` Contrast
-  * [Contrast - insufficient contrast ratio for small text (TC08.1-2-fail-1)](testcases/TC08.1-2-fail-1.html)
+  * [Contrast - Insufficient contrast ratio for small text (TC08.1-2-fail-1)](testcases/TC08.1-2-fail-1.html)
   * [Contrast - Pass; text with contrast ratio greater than 4.5:1 (TC08.1-2-pass-1)](testcases/TC08.1-2-pass-1.html)
-  * [Conrast - Insufficient contrast ratio for 15 point, bolded text (TC08.1-3-fail-1)](testcases/TC08.1-3-fail-1.html)
+  * [Contrast - Insufficient contrast ratio for 15 point, bolded text (TC08.1-3-fail-1)](testcases/TC08.1-3-fail-1.html)
+  * [Contrast - 3:1 Contrast Ratio for 18 point font (TC08.1-3-pass-1)](testcases/TC08.1-3-pass-1.html)
+  * [Contrast - Insufficient contrast ratio for 18 point font (TC08.1-3-fail-2)](testcases/TC08.1-3-fail-2.html)
+  * [Contrast - Insufficient contrast ratio for 14 point font (TC08.1-2-fail-2)](testcases/TC08.1-2-fail-2.html)
+  * [Contrast - Insufficient contrast ratio for small text in an image of text (TC08.1-2-fail-4)](testcases/TC08.1-2-fail-4.html)
+  * [Contrast - Insufficient contrast ratio in logotype, logo, or brand name image of text.](testcases/TC08.1-ic-dna-1.html)
+  * [Contrast - Insufficient contrast ratio for small text, when color changes on hover/focus (TC08.1-2-fail-3)](testcases/TC08.1-2-fail-3.html)
 * `10.` Forms
   * [Input text element: no accessible name or description (TC10.1-1-fail-1)](testcases/TC10.1-1-fail-1.html)
 * `12.` Tables

testcases/TC8.1-2-fail-2.md

@@ -0,0 +1,53 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: insufficient contrast ratio for 14 point, non-bold text
+
+# The Test Case ID should follow the pattern: 
+# TC[Baseline Test Procedure #]-[Test Instruction #]-
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC8.1-2-fail-2
+
+# Description of the Test Case, the included code sample, test considerations,
+# and rationale for the expected result according to the applicable ICT
+
+# Baseline test
+descr: Detect the foreground and background text and size contrast ratio. Determine whether contrast ratio is sufficient. The text in the code sample is sufficient contrast between the foreground and background.
+
+
+# Reference and link to the applicable ICT Baseline test
+app-basline:|[8.1 Test Procedure for Contrast Minimum]https://section508coordinators.github.io/ICTTestingBaseline/08Contrast.html#81-test-procedure-for-contrast-minimum
+
+  **Baseline Test ID:** 8.1-Contrast
+
+  **Test Instruction:** 1
+
+
+# Expected result that the ICT Baseline would predict
+# [Pass | Fail | DNA]
+result: Fail
+
+# Brief description of the rationale for the expected result
+result-descr: The foreground text in the code sample provide sufficient contrast based on the text size, foreground color, and background color.
+
+# URL for the code sample
+# In the sample code file, add id="tc_code" to the 
+# element that contains the relevant code snippet.
+#
+# Then upload the code sample to the 'testfiles' folder 
+# and provide the link (and only the url) below.
+sample: /testfiles/TF08/08.1-2-fail-2.html
+
+# Table of test instructions, including the following table headers: 
+# Test Instruction #; Instruction Detail; Expected Test Case Result
+#
+# Include the table in the content section below
+---
+| Test Instruction | Instruction Detail | Expected Test Case Result |
+|------------------|--------------------|---------------------------|
+|IC| All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions above)|
+| 8.1-1| Determine the contrast ratio of foreground text and background. | The contrast ratio for the text is 3:1 | 
+| 8.1-2| Check that the contrast ratio is at least 3:1. [SC 3.14] | The contrast ratio is more than 3:1 (it is 1.72) |
+| Results | Both of the above checks pass, then Baseline Test 8.1-Contrast Minimum.  | Fail |

testcases/TC8.1-2-fail-3.md

@@ -0,0 +1,53 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: Insufficient contrast ratio for small text, when color changes on hover/focus
+
+# The Test Case ID should follow the pattern: 
+# TC[Baseline Test Procedure #]-[Test Instruction #]-
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC8.1-2-fail-2
+
+# Description of the Test Case, the included code sample, test considerations,
+# and rationale for the expected result according to the applicable ICT
+
+# Baseline test
+descr: Detect the foreground and background text and size contrast ratio. Determine whether contrast ratio is sufficient. The text in the code sample is sufficient contrast between the foreground and background.
+
+
+# Reference and link to the applicable ICT Baseline test
+app-basline:|[8.1 Test Procedure for Contrast Minimum]https://section508coordinators.github.io/ICTTestingBaseline/08Contrast.html#81-test-procedure-for-contrast-minimum
+
+  **Baseline Test ID:** 8.1-Contrast
+
+  **Test Instruction:** 1
+
+
+# Expected result that the ICT Baseline would predict
+# [Pass | Fail | DNA]
+result: Fail
+
+# Brief description of the rationale for the expected result
+result-descr: The foreground and background text and size contrast ratio in the code sample provide sufficient contrast in logotype, logo, or brand name image of text.
+
+# URL for the code sample
+# In the sample code file, add id="tc_code" to the 
+# element that contains the relevant code snippet.
+#
+# Then upload the code sample to the 'testfiles' folder 
+# and provide the link (and only the url) below.
+sample: /testfiles/TF08/08.1-2-fail-3.html 
+
+# Table of test instructions, including the following table headers: 
+# Test Instruction #; Instruction Detail; Expected Test Case Result
+#
+# Include the table in the content section below
+---
+| Test Instruction | Instruction Detail | Expected Test Case Result |
+|------------------|--------------------|---------------------------|
+|IC| All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions above)|
+| 8.1-1| Determine the contrast ratio of foreground text and background. | The contrast ratio for the text is 4.5:1 | 
+| 8.1-2| Check that the contrast ratio is at least 4.5:1. [SC 3.14] | The contrast ratio is more than 4.5:1 (it is 2.3:1) |
+| Results | Both of the above checks fail, then Baseline Test 8.1-Contrast Minimum.  | Fail |

testcases/TC8.1-2-fail-4.md

@@ -0,0 +1,53 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: insufficient contrast ratio for small text (below 14 point) in an image of text
+
+# The Test Case ID should follow the pattern: 
+# TC[Baseline Test Procedure #]-[Test Instruction #]-
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC8.1-2-fail-4
+
+# Description of the Test Case, the included code sample, test considerations,
+# and rationale for the expected result according to the applicable ICT
+
+# Baseline test
+descr: Detect the foreground and background text and size contrast ratio. Determine whether contrast ratio is sufficient. The text in the code sample is sufficient contrast between the foreground and background.
+
+
+# Reference and link to the applicable ICT Baseline test
+app-basline:|[8.1 Test Procedure for Contrast Minimum]https://section508coordinators.github.io/ICTTestingBaseline/08Contrast.html#81-test-procedure-for-contrast-minimum
+
+  **Baseline Test ID:** 8.1-Contrast
+
+  **Test Instruction:** 1
+
+
+# Expected result that the ICT Baseline would predict
+# [Pass | Fail | DNA]
+result: Fail
+
+# Brief description of the rationale for the expected result
+result-descr: The foreground and background text and size contrast ratio in the code sample provide sufficient contrast in an image of text.
+
+# URL for the code sample
+# In the sample code file, add id="tc_code" to the 
+# element that contains the relevant code snippet.
+#
+# Then upload the code sample to the 'testfiles' folder 
+# and provide the link (and only the url) below.
+sample: /testfiles/TF08/08.1-2-fail-4.html 
+
+# Table of test instructions, including the following table headers: 
+# Test Instruction #; Instruction Detail; Expected Test Case Result
+#
+# Include the table in the content section below
+---
+| Test Instruction | Instruction Detail | Expected Test Case Result |
+|------------------|--------------------|---------------------------|
+|IC| All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions above)|
+| 8.1-1| Determine the contrast ratio of foreground and background in the image of text. | The contrast ratio for the text is 4.5:1 | 
+| 8.1-2| Check that the contrast ratio is at least 4.5:1. [SC 3.14] | The contrast ratio is more than 4.5:1 (it is 2.6:1) |
+| Results | Both of the above checks fail, then Baseline Test 8.1-Contrast Minimum.  | Fail |

testcases/TC8.1-3-fail-2.md

@@ -0,0 +1,53 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: insufficient contrast ratio for 18 point text
+
+# The Test Case ID should follow the pattern: 
+# TC[Baseline Test Procedure #]-[Test Instruction #]-
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC8.1-3-fail-2
+
+# Description of the Test Case, the included code sample, test considerations,
+# and rationale for the expected result according to the applicable ICT
+
+# Baseline test
+descr: Detect the foreground and background text and size contrast ratio. Determine whether contrast ratio is sufficient. The text in the code sample is sufficient contrast between the foreground and background.
+
+
+# Reference and link to the applicable ICT Baseline test
+app-basline:|[8.1 Test Procedure for Contrast Minimum]https://section508coordinators.github.io/ICTTestingBaseline/08Contrast.html#81-test-procedure-for-contrast-minimum
+
+  **Baseline Test ID:** 8.1-Contrast
+
+  **Test Instruction:** 1
+
+
+# Expected result that the ICT Baseline would predict
+# [Pass | Fail | DNA]
+result: Fail
+
+# Brief description of the rationale for the expected result
+result-descr: The foreground text in the code sample provide sufficient contrast based on the text size, foreground color, and background color.
+
+# URL for the code sample
+# In the sample code file, add id="tc_code" to the 
+# element that contains the relevant code snippet.
+#
+# Then upload the code sample to the 'testfiles' folder 
+# and provide the link (and only the url) below.
+sample: /testfiles/TF08/08.1-3-fail-2.html
+
+# Table of test instructions, including the following table headers: 
+# Test Instruction #; Instruction Detail; Expected Test Case Result
+#
+# Include the table in the content section below
+---
+| Test Instruction | Instruction Detail | Expected Test Case Result |
+|------------------|--------------------|---------------------------|
+|IC| All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions above)|
+| 8.1-1| Determine the contrast ratio of foreground text and background. | The contrast ratio for the text is 3:1 | 
+| 8.1-2| Check that the contrast ratio is at least 3:1. [SC 3.14] | The contrast ratio is more than 3:1 (it is 1:7.2 ) |
+| Results | Both of the above checks pass, then Baseline Test 8.1-Contrast Minimum.  | Fail |

testcases/TC8.1-3-pass-1.md

@@ -0,0 +1,53 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: 3:1 contrast ratio for 18 point font
+
+# The Test Case ID should follow the pattern: 
+# TC[Baseline Test Procedure #]-[Test Instruction #]-
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC8.1-3-pass-1
+
+# Description of the Test Case, the included code sample, test considerations,
+# and rationale for the expected result according to the applicable ICT
+
+# Baseline test
+descr: Detect the foreground and background text and size contrast ratio. Determine whether contrast ratio is sufficient. The text in the code sample is sufficient contrast between the foreground and background.
+
+
+# Reference and link to the applicable ICT Baseline test
+app-basline:|[8.1 Test Procedure for Contrast Minimum]https://section508coordinators.github.io/ICTTestingBaseline/08Contrast.html#81-test-procedure-for-contrast-minimum
+
+  **Baseline Test ID:** 8.1-Contrast
+
+  **Test Instruction:** 1
+
+
+# Expected result that the ICT Baseline would predict
+# [Pass | Fail | DNA]
+result: Pass
+
+# Brief description of the rationale for the expected result
+result-descr: The foreground text in the code sample provide sufficient contrast based on the text size, foreground color, and background color.
+
+# URL for the code sample
+# In the sample code file, add id="tc_code" to the 
+# element that contains the relevant code snippet.
+#
+# Then upload the code sample to the 'testfiles' folder 
+# and provide the link (and only the url) below.
+sample: /testfiles/TF08/08.1-3-pass-1.html
+
+# Table of test instructions, including the following table headers: 
+# Test Instruction #; Instruction Detail; Expected Test Case Result
+#
+# Include the table in the content section below
+---
+| Test Instruction | Instruction Detail | Expected Test Case Result |
+|------------------|--------------------|---------------------------|
+|IC| All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions above)|
+| 8.1-1| Determine the contrast ratio of foreground text and background. | The contrast ratio for the text is 3:1.| 
+| 8.1-2| Check that the contrast ratio is at least 3:1. [SC 3.14] | The contrast ratio is more than 3:1 (it is 3.8:1) |
+| Results | Both of the above checks pass, then Baseline Test 8.1-Contrast Minimum.     |Pass|

testcases/TC8.1-ic-dna-1.md

@@ -0,0 +1,53 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: insufficient contrast in logotype, logo, or brand name image of text 
+
+# The Test Case ID should follow the pattern: 
+# TC[Baseline Test Procedure #]-[Test Instruction #]-
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC8.1-ic-dna-1
+
+# Description of the Test Case, the included code sample, test considerations,
+# and rationale for the expected result according to the applicable ICT
+
+# Baseline test
+descr: Detect the foreground and background text and size contrast ratio. Determine whether contrast ratio is sufficient. The text in the code sample is sufficient contrast between the foreground and background.
+
+
+# Reference and link to the applicable ICT Baseline test
+app-basline:|[8.1 Test Procedure for Contrast Minimum]https://section508coordinators.github.io/ICTTestingBaseline/08Contrast.html#81-test-procedure-for-contrast-minimum
+
+  **Baseline Test ID:** 8.1-Contrast
+
+  **Test Instruction:** 1
+
+
+# Expected result that the ICT Baseline would predict
+# [Pass | Fail | DNA]
+result: DNA
+
+# Brief description of the rationale for the expected result
+result-descr: The foreground and background text and size contrast ratio in the code sample provide sufficient contrast in logotype, logo, or brand name image of text.
+
+# URL for the code sample
+# In the sample code file, add id="tc_code" to the 
+# element that contains the relevant code snippet.
+#
+# Then upload the code sample to the 'testfiles' folder 
+# and provide the link (and only the url) below.
+sample: /testfiles/TF08/08.1-ic-dna-1.html 
+
+# Table of test instructions, including the following table headers: 
+# Test Instruction #; Instruction Detail; Expected Test Case Result
+#
+# Include the table in the content section below
+---
+| Test Instruction | Instruction Detail | Expected Test Case Result |
+|------------------|--------------------|---------------------------|
+|IC| All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions above)|
+| 8.1-1| Determine the contrast ratio of foreground and background in the image of text. | The contrast ratio for the text is DNA | 
+| 8.1-2| Check that the contrast ratio is at least 4.5:1. [SC 3.14] | The contrast ratio is more than 4.5:1 (it is DNA) |
+| Results | Both of the above checks are DNA, then the Baseline Test 8.1-Contrast Minimum.  | DNA |

testfiles/08.1-ic-dna-1.html

@@ -0,0 +1,18 @@
+
+
+ <!DOCTYPE html>
+<html>
+<head>
+<title>imageoftext.jpg</title>
+</head>
+
+<body>
+    <div class="imageoftext">
+        <img src="file:///C:/Users/CECILIA.STEGALL/OneDrive%20-%20Department%20of%20Homeland%20Security/Desktop/Baseline%20Project%20Test%20Cases/Department%20of%20Homeland%20Security%20Seal.jpg">
+
+        </h3>
+    </div>
+</body>
+
+
+</html>