Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 54 additions & 0 deletions testcases/TC6.4-2-fail-3.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
---
# The layout must be 'testcase'; DO NOT Change
layout: testcase

# Brief, descriptive title for the test case
title: 6.4 Images of Text - FAIL: image of text cannot be customized for color


# 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: TC6.4-2-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: |
The code sample presents a page with an image of text that cannot be customized for color. A successful test should identify a FAIL against Baseline Test 6.4 Images of Text.

# Reference and link to the applicable ICT Baseline test
app-baseline: |
[6.4 Test Procedure for Images of Text](https://github.com/Section508Coordinators/ICTTestingBaseline/blob/section508coordinators301/06Images.md#64-test-procedure-for-images-of-text)

**Baseline Test ID:** 6.4 Test Procedure for Images of Text

**Test Instruction:** 2

# Expected result that the ICT Baseline would predict
# [Pass | Fail | DNA]
result: FAIL

# Brief description of the rationale for the expected result
result-descr: FAIL since there is an image of text that cannot be customized for 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/TF1/TC6.4-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-1** | Identify any images of text, except where a particular presentation of text is essential to the information being conveyed (e.g., logotypes or text that is part of a logo or brand name).
| **6.4-1** | Check that using text cannot achieve the same visual presentation and effect as images of text. `[SC 1.4.5`] | Fail: using text could achieve the same visual presentation and effect. |
| **6.4-2** | Check that the image of text can be visually customized to a user's requirements. For example, web content allows users to specify font, size, color, and background settings, and all images of text are then provided based on those settings. `[SC 1.4.5`] | Fail: image of text cannot be customized for color. |
| FAIL; page has an image of text that cannot be customized for color. |
29 changes: 29 additions & 0 deletions testfiles/TC6.4-2-fail-3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>6.4 Images of Text - FAIL: image of text cannot be customized for color</title>
</head>
<body>
<div id="tc_code">
<!-- Due to fetch script limitation that only works within the <body>,
the relevant code is duplicated here as a comment for the Test Case:
<html>

-->
This page has image of text cannot be customized for color and should FAIL for 6.4 Images of Text.
<p>
<img src="../assets/images/signup.jpg" alt="Sign up by filling out the form below!">
</p>
<p>
<label for="fname" disabled>First name:</label>
<input type="text" id="fname" name="fname" disabled><br><br>
<label for="lname" disabled>Last name:</label>
<input type="text" id="lname" name="lname" disabled><br><br>
<input type="submit" value="Submit" disabled>

</p>
</div>

</body>
</html>