-
Notifications
You must be signed in to change notification settings - Fork 153
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d4def81
commit 13d96a5
Showing
3 changed files
with
67 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
64 changes: 64 additions & 0 deletions
64
src/assessments/repetitive-content/test-steps/consistent-help.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,64 @@ | ||
// Copyright (c) Microsoft Corporation. All rights reserved. | ||
// Licensed under the MIT License. | ||
import { link } from 'content/link'; | ||
import * as content from 'content/test/repetitive-content/consistent-help'; | ||
import * as React from 'react'; | ||
import { ManualTestRecordYourResults } from '../../common/manual-test-record-your-results'; | ||
import { Requirement } from '../../types/requirement'; | ||
import { RepetitiveContentTestStep } from './test-steps'; | ||
|
||
const consistentHelpDescription: JSX.Element = ( | ||
<span> | ||
Ensure help – or mechanism(s) to request help – are consistently located in the same | ||
relative location across a{' '} | ||
<a href="https://w3c.github.io/wcag/guidelines/#dfn-set-of-web-pages"> | ||
set of web pages/screens | ||
</a> | ||
. | ||
</span> | ||
); | ||
|
||
const consistentHelpHowToTest: JSX.Element = ( | ||
<div> | ||
<blockquote> | ||
<p> | ||
<em>Note: this criterion does not require help to be provided.</em> | ||
</p> | ||
</blockquote> | ||
<ol> | ||
<li> | ||
<p> | ||
Examine the target page to identify "help" mechanisms (for example links to | ||
help, etc.) on the page. Determine if this is a set of web pages with blocks of | ||
content that are repeated on multiple pages. | ||
</p> | ||
</li> | ||
<li> | ||
<p> | ||
Verify that all helpful information and mechanisms provided are consistent with | ||
other pages in terms of location, behavior and relative to the other content of | ||
the page & UI for all components where help resides. | ||
</p> | ||
</li> | ||
<ManualTestRecordYourResults isMultipleFailurePossible={true} /> | ||
</ol> | ||
<p> | ||
<em>Exemption</em>:{' '} | ||
<em> | ||
The location of a help mechanism can change based on user input, for example | ||
resizing of the window that changes the location of the help link – this would still | ||
pass this rule. | ||
</em> | ||
</p> | ||
</div> | ||
); | ||
|
||
export const ConsistentHelp: Requirement = { | ||
key: RepetitiveContentTestStep.consistentHelp, | ||
name: 'Consistent help', | ||
description: consistentHelpDescription, | ||
howToTest: consistentHelpHowToTest, | ||
isManual: true, | ||
guidanceLinks: [link.WCAG_3_2_6], | ||
...content, | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters