diff --git a/testcases.md b/testcases.md index 97c9d3ef..2eb15aeb 100644 --- a/testcases.md +++ b/testcases.md @@ -31,9 +31,16 @@ 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) + * [Contrast - Insufficient contrast ratio for 18 point text, when color changes on hover/focus (TC08.1-3-fail-3)](testcases/TC08.1-3-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 diff --git a/testcases/TC8.1-2-fail-2.md b/testcases/TC8.1-2-fail-2.md new file mode 100644 index 00000000..b568317a --- /dev/null +++ b/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 | \ No newline at end of file diff --git a/testcases/TC8.1-2-fail-3.md b/testcases/TC8.1-2-fail-3.md new file mode 100644 index 00000000..02789ded --- /dev/null +++ b/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 | \ No newline at end of file diff --git a/testcases/TC8.1-2-fail-4.md b/testcases/TC8.1-2-fail-4.md new file mode 100644 index 00000000..29dc8c6b --- /dev/null +++ b/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 | \ No newline at end of file diff --git a/testcases/TC8.1-3-fail-2.md b/testcases/TC8.1-3-fail-2.md new file mode 100644 index 00000000..6d8296da --- /dev/null +++ b/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 | \ No newline at end of file diff --git a/testcases/TC8.1-3-fail-3.md b/testcases/TC8.1-3-fail-3.md new file mode 100644 index 00000000..ad9e3bd7 --- /dev/null +++ b/testcases/TC8.1-3-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 18 point 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-3-fail-3 + +# 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 code sample is not sufficient for contrast between the foreground and background when hover/focus for color change. + + +# Reference and link to the applicable ICT Baseline test +app-baseline:|[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:** 3 + + +# 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 when ratio for 18 point text, when color changes on hover/focus. + +# 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-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)| Presence of text change when hover/focus. | +| 8.1-1| Determine the contrast ratio of foreground text and background. | The contrast ratio for the text is 2.0:1 | +| 8.1-2| Check that the contrast ratio is at least 3.1. [SC 3.14] | The contrast ratio is less than 3.1 (it is 2.0:1) | +| Results | Both of the above checks fail, then Baseline Test 8.1-Contrast Minimum. | Fail | diff --git a/testcases/TC8.1-3-pass-1.md b/testcases/TC8.1-3-pass-1.md new file mode 100644 index 00000000..54ed2919 --- /dev/null +++ b/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| \ No newline at end of file diff --git a/testcases/TC8.1-ic-dna-1.md b/testcases/TC8.1-ic-dna-1.md new file mode 100644 index 00000000..e4ec8024 --- /dev/null +++ b/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 | \ No newline at end of file diff --git a/testfiles/08.1-ic-dna-1.html b/testfiles/08.1-ic-dna-1.html new file mode 100644 index 00000000..d6b58844 --- /dev/null +++ b/testfiles/08.1-ic-dna-1.html @@ -0,0 +1,18 @@ + + + + +
+
+
+
+
+
+
+
diff --git a/testfiles/TF08/08.1-3-fail-2.html b/testfiles/TF08/08.1-3-fail-2.html
new file mode 100644
index 00000000..33424b7f
--- /dev/null
+++ b/testfiles/TF08/08.1-3-fail-2.html
@@ -0,0 +1,39 @@
+
+
+
+
+