Jzmnbrjs patch 1

testcases.md

@@ -35,6 +35,20 @@ Test Case documents are organized by Baseline Test (each serving as a Test Scena
   * [CAPTCHA - no alternative form of CAPTCHA provided for users without vision (TC06.3-3-fail-1)](testcases/TC06.3-3-fail-1.html)
   * [CAPTCHA - no alternative form of CAPTCHA provided for users without hearing (TC06.3-3-fail-2)](testcases/TC06.3-3-fail-2.html)
   * [CAPTCHA - text alternative identifies and describes purpose, and alternative forms of CAPTCHA provided for users without vision and users without hearing (TC06.3-all-pass-1)](testcases/TC06.3-all-pass-1.html)
+* `7.` Sensory Characteristics
+  * [Color - Colored text with alt text (TC07.1-1.a-pass-1)](testcases/07.1-1.a-pass-1.html)
+  * [Color - Text with Visual Differentiations (TC07.1-1.b-pass-1)](testcases/07.1-1.b-pass-1.html)
+  * [Color - Failed use of color and visual differentiations](testcases/07.1-all-fail-1.html)
+  * [Color - Use of both color and visual differentiations](testcases/07.1-all-pass-1.html)
+  * [Color - Neither color or visual differentiations apply to meaning of text](testcases/07.1-ic-dna-1.html)
+  * [Sensory Characteristics - Instructions rely solely on shape to convey meaning](testcases/07.2-1-fail-1.html)
+  * [Sensory Characteristics - Instructions rely solely on size to convey meaning](testcases/07.2-1-fail-2.html)
+  * [Sensory Characteristics - Instructions rely solely on location to convey meaning](testcases/07.2-1-fail-3.html)
+  * [Sensory Characteristics - Instructions rely solely on relative position to convey meaning](testcases/07.2-1-fail-4.html)
+  * [Sensory Characteristics - Instructions rely on shape and additional information to convey meaning](testcases/07.2-1-pass-1.html)
+  * [Sensory Characteristics - Instructions rely on size and additional information to convey meaning](testcases/07.2-1-pass-2.html)
+  * [Sensory Characteristics - Instructions rely on location and additional information to convey meaning](testcases/07.2-1-pass-3.html)
+  * [Sensory Characteristics - Instructions rely on their relative position and additional information to convey meaning](testcases/07.2-1-pass-4.html)
 * `8.` Contrast
   * [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)
@@ -53,6 +67,7 @@ Test Case documents are organized by Baseline Test (each serving as a Test Scena
   * [Form Label: Form component with a clear label (TC10.5-1-pass-1)](testcases/TC10.5-1-pass-1.html)
   * [Form Label: Form component with descriptive label (TC10.5-1-pass-2)](testcases/TC10.5-1-pass-2.html)
   * [Form label: Form component with descriptive instructions (TC10.5-1-pass3)](testcases/TC10.5-1-pass-3.html)
+  * [Form label: Form component does not apply (TC10.5-ic-dna-1)](testcases/TC10.5-ic-dna-1.html)
 * `12.` Tables
   * [Data Tables - data table with role="presentation" (TC12.1-2-fail-1)](testcases/TC12.1-2-fail-1.html)
   * [Table - data table in a `<table>` element and `role="none"` (TC12.1-2-fail-2)](testcases/TC12.1-2-fail-2.html)

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

@@ -0,0 +1,51 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: Example of keyboard access
+
+# The Test Case ID should follow the pattern: 
+# TC10.5-1-fail-1
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC01.1-ic-dna-1.md
+
+# 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: |
+    This is an example of a feature that is neither accessible via keyboard or mouse. 
+
+# Reference and link to the applicable ICT Baseline test
+app-baseline: |
+    [1.1 Test Procedure for Keyboard Access](https://ictbaseline.access-board.gov/01Keyboard/#11-test-procedure-for-keyboard-access)
+
+    **Baseline Test ID:** 1.1-KeyboardAccess
+
+    **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 functions
+
+# 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/TF01.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-1| Check that all functionality can be accessed and executed using only the keyboard.| DNA |
+| IC-2| Check that individual keystrokes do not require specific timings for activation.| DNA |

testcases/TC07.1-1.a-pass-1.md

@@ -0,0 +1,51 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: Test Procedure for Use of Color
+
+# The Test Case ID should follow the pattern: 
+# TC10.5-1-fail-19
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC07.1-1.a-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: |
+    This shows alternative text to convey the meaning for the use of color.
+
+# Reference and link to the applicable ICT Baseline test
+app-baseline: |
+    [7.1 Test Procedure Use of Color](https://ictbaseline.access-board.gov/07Sensory/#71-test-procedure-for-use-of-color)
+
+    **Baseline Test ID:** 7.1-Color
+
+    **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: |
+    This is an example of an element that uses color to convey meaning. It also provides on-screen alternate text to convey the same meaning.
+
+# 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/TF07/07.1-1.a-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 |
+|------------------|--------------------|---------------------------|
+| 1-a | The element using color to convey meaning also provides on-screen alternate text describing the color and/or the meaning conveyed by the color. | Pass. Alt text is included |
+| 1-b | The element using color to convey meaning also provides other visual differentiation (e.g., shape, position, size, underline) with a clear indication of its meaning| Fail. there are no other visual differentiations besides color. |

testcases/TC07.1-1.b-pass-1.md

@@ -0,0 +1,51 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: Test Procedure for Use of Color
+
+# The Test Case ID should follow the pattern: 
+# TC10.5-1-fail-19
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC07.1-1.b-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: |
+    This shows alternative text to convey the meaning for the use of color as well as other visual differentiations.
+
+# Reference and link to the applicable ICT Baseline test
+app-baseline: |
+    [7.1 Test Procedure Use of Color](https://ictbaseline.access-board.gov/07Sensory/#71-test-procedure-for-use-of-color)
+
+    **Baseline Test ID:** 7.1-Color
+
+    **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: |
+    This example passes the standard of 07.1 because it provides other visual differentiation (e.g., shape, position, size, underline) with a clear indication of its meaning
+
+# 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/TF07/07.1-1.b-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 |
+|------------------|--------------------|---------------------------|
+| 1-a | The element using color to convey meaning also provides on-screen alternate text describing the color and/or the meaning conveyed by the color. | Fail. there is no alternative text. |
+| 1-b | The element using color to convey meaning also provides other visual differentiation (e.g., shape, position, size, underline) with a clear indication of its meaning| Pass. the visual differentiations are the font size and the underline of the text. |

testcases/TC07.1-all-fail-1.md

@@ -0,0 +1,51 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: Test Procedure for Use of Color
+
+# The Test Case ID should follow the pattern: 
+# TC10.5-1-fail-19
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC07.1-all-fail-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: |
+    This shows neither alternative text or visual differentiations on the text.
+
+# Reference and link to the applicable ICT Baseline test
+app-baseline: |
+    [7.1 Test Procedure Use of Color](https://ictbaseline.access-board.gov/07Sensory/#71-test-procedure-for-use-of-color)
+
+    **Baseline Test ID:** 7.1-Color
+
+    **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: |
+    This example does not pass the standard of 07.1 because it does not use color or other visual differentiations on the 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/TF07/07.1-all-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 |
+|------------------|--------------------|---------------------------|
+| 1-a | The element using color to convey meaning also provides on-screen alternate text describing the color and/or the meaning conveyed by the color. | Fail. Alt text is not included |
+| 1-b | The element using color to convey meaning also provides other visual differentiation (e.g., shape, position, size, underline) with a clear indication of its meaning| Fail. there are no other visual differentiations besides color. |

testcases/TC07.1-all-pass-1.md

@@ -0,0 +1,51 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: Test Procedure for Use of Color
+
+# The Test Case ID should follow the pattern: 
+# TC10.5-1-fail-19
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC07.1-all-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: |
+    This shows alternative text to convey the meaning for the use of color as well as other visual differentiations.
+
+# Reference and link to the applicable ICT Baseline test
+app-baseline: |
+    [7.1 Test Procedure Use of Color](https://ictbaseline.access-board.gov/07Sensory/#71-test-procedure-for-use-of-color)
+
+    **Baseline Test ID:** 7.1-Color
+
+    **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: |
+    This is an example of an element using color to convey meaning which also provides both on-screen alternate text to convey the same meaning and other visual differentiations. 
+
+# 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/TF07/07.1-all-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 |
+|------------------|--------------------|---------------------------|
+| 1-a | The element using color to convey meaning also provides on-screen alternate text describing the color and/or the meaning conveyed by the color. | Pass. Alt text is included |
+| 1-b | The element using color to convey meaning also provides other visual differentiation (e.g., shape, position, size, underline) with a clear indication of its meaning| Pass. there are other visual differentiations besides color. |

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

@@ -0,0 +1,51 @@
+---
+# The layout must be 'testcase'; DO NOT Change
+layout: testcase
+
+# Brief, descriptive title for the test case
+title: Test Procedure for Use of Color
+
+# The Test Case ID should follow the pattern: 
+# TC10.5-1-fail-19
+# [Expected Result (pass/fail/dna)]-[example #], e.g., TC05.1-1-fail-1
+tcid: TC07.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: |
+    This is an example of color not being used to convey meaning. 
+
+# Reference and link to the applicable ICT Baseline test
+app-baseline: |
+    [7.1 Test Procedure Use of Color](https://ictbaseline.access-board.gov/07Sensory/#71-test-procedure-for-use-of-color)
+
+    **Baseline Test ID:** 7.1-Color
+
+    **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: |
+    This result shows no correlation between the color being used and the message it conveys. 
+
+# 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/TF07/07.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 |
+|------------------|--------------------|---------------------------|
+| 1-a | The element using color to convey meaning also provides on-screen alternate text describing the color and/or the meaning conveyed by the color. | DNA |
+| 1-b | The element using color to convey meaning also provides other visual differentiation (e.g., shape, position, size, underline) with a clear indication of its meaning| DNA |