diff --git a/testcases.md b/testcases.md index 97c9d3ef..9ae041c5 100644 --- a/testcases.md +++ b/testcases.md @@ -31,12 +31,19 @@ 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 (TC08.1-ic-dna-1.html)](testcases/TC08.1-ic-dna-1.html) + * [Contrast - Insufficient contrast ratio in inactive/disabled user interface component (TC08.1-ic-dna-2.html)](testcases/TC08.1-ic-dna-2.html) + * [Contrast - Insufficient contrast in non-functional, non-meaningful, decorative image of text (TC08.1-ic-dna-3.html)](testcases/TC08.1-ic-dna-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 +* `12.` Table * [Data Tables - data table with role="presentation" (TC12.1-2-fail-1)](testcases/TC12.1-2-fail-1.html) * [Table - data table in a `` element and `role="none"` (TC12.1-2-fail-2)](testcases/TC12.1-2-fail-2.html) * [Data table - `
` element in a table also includes `role = "cell"` (TC12.1-3-fail-1)](testcases/TC12.1-3-fail-1.html) 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-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-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/testcases/TC8.1-ic-dna-2.md b/testcases/TC8.1-ic-dna-2.md new file mode 100644 index 00000000..e2880e67 --- /dev/null +++ b/testcases/TC8.1-ic-dna-2.md @@ -0,0 +1,52 @@ +--- +# The layout must be 'testcase'; DO NOT Change +layout: testcase + +# Brief, descriptive title for the test case +title: insufficient contrast in inactive/disabled user interface component + +# 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-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: 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 inactive/disabled user interface component. + +# 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-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 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/testcases/TC8.1-ic-dna-3.md b/testcases/TC8.1-ic-dna-3.md new file mode 100644 index 00000000..d51ee295 --- /dev/null +++ b/testcases/TC8.1-ic-dna-3.md @@ -0,0 +1,50 @@ +--- +# The layout must be 'testcase'; DO NOT Change +layout: testcase + +# Brief, descriptive title for the test case +title: Insufficient contrast in non-functional, non-meaningful, decorative 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-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 visual presentation of text, images of text or logos. Text that is part of a decorative images of text are exempt from the contrast requirement. + + +# 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:** IC + + +# 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 code sample contains a decorative images of text that are exempt from all contrast testing. + +# 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-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 | +|------------------|--------------------|---------------------------| +|8.1-IC|All visible text AND images of text (except those noted in Limitations, Assumptions, or Exceptions).| Presence of a decorative image. | +| Results| Decorative images of text are exempt from all contrast testing. | Does Not Apply- Logos are exempt.| 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 @@ + + + + + +imageoftext.jpg + + + +
+ + + +
+ + + + diff --git a/testfiles/TF08/08.1-2-fail-2.html b/testfiles/TF08/08.1-2-fail-2.html new file mode 100644 index 00000000..c482f853 --- /dev/null +++ b/testfiles/TF08/08.1-2-fail-2.html @@ -0,0 +1,39 @@ + + + + + Color Contrast Tests + + + + + +

Text for Testing

+ + + + + diff --git a/testfiles/TF08/08.1-2-fail-4.html b/testfiles/TF08/08.1-2-fail-4.html new file mode 100644 index 00000000..70ad10e6 --- /dev/null +++ b/testfiles/TF08/08.1-2-fail-4.html @@ -0,0 +1,13 @@ + + + + + +imageoftext.jpg + + + + file:///C:/Users/CECILIA.STEGALL/OneDrive%20-%20Department%20of%20Homeland%20Security/Desktop/Baseline%20Project%20Test%20Cases/TextinImage.jpg + + + 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 @@ + + + + + Color Contrast Tests + + + + + +

Text for Testing

+ + + + + diff --git a/testfiles/TF08/08.1-ic-dna-2.html b/testfiles/TF08/08.1-ic-dna-2.html new file mode 100644 index 00000000..09b3c431 --- /dev/null +++ b/testfiles/TF08/08.1-ic-dna-2.html @@ -0,0 +1,18 @@ + + + +
+ +

The input disabled attribute

+ +
+ +

+ +

+ +
+ +
+ + diff --git a/testfiles/TF08/08.1-ic-dna-3.html b/testfiles/TF08/08.1-ic-dna-3.html new file mode 100644 index 00000000..80b0376f --- /dev/null +++ b/testfiles/TF08/08.1-ic-dna-3.html @@ -0,0 +1,17 @@ + + + + + + +
+ + + +Happy Holidays Image of Text Example + + + +
+ + \ No newline at end of file