diff --git a/_components/icon/accessibility.md b/_components/icon/accessibility.md new file mode 100644 index 0000000000..0f877f18be --- /dev/null +++ b/_components/icon/accessibility.md @@ -0,0 +1,13 @@ +--- +permalink: /components/icon/accessibility-tests/ +layout: styleguide +component: + name: icon +title: Icon accessibility tests +category: Components +lead: Any USWDS icon should pass these manual accessibility tests. +changelog: + key: 'component-icon-accessibility' +--- + +{% include accessibility-tests/index.html %} diff --git a/_components/icon/icon.md b/_components/icon/icon.md index 821d89821d..a7cef478c2 100644 --- a/_components/icon/icon.md +++ b/_components/icon/icon.md @@ -26,16 +26,8 @@ variants: - variant: "`.usa-icon--size-9`" description: "`9 unit` x `9 unit` icon." subnav: -- text: Preview - href: '#icon-preview' -- text: Code - href: '#icon-code' -- text: Guidance - href: '#icon-guidance' -- text: Package - href: '#icon-package' -- text: Latest updates - href: '#changelog' +- text: Icon accessibility tests + href: /components/icon/accessibility-tests/ tags: - image - graphic diff --git a/_data/accessibility-tests/icon.yml b/_data/accessibility-tests/icon.yml new file mode 100644 index 0000000000..e93f606ecf --- /dev/null +++ b/_data/accessibility-tests/icon.yml @@ -0,0 +1,16 @@ +title: Icon +component_status: pass +test_items: +# General items + - summary: Text conveys the icon's meaning when necessary. + summary_additional: | + When you view an icon that represents an action and determine the action, + text, and never color alone, conveys the icon's meaning where necessary. + For example, a red "x" which indicates "stop" is also accompanied by the word "stop". + test_status: pass + test_type: general + version_tested: 3.7.1 + wcag_criterion: 1.4.1 +# Zoom/screen magnification items +# Keyboard navigation items +# Screen reader items diff --git a/_data/changelogs/component-icon-accessibility.yml b/_data/changelogs/component-icon-accessibility.yml new file mode 100644 index 0000000000..e1e966e678 --- /dev/null +++ b/_data/changelogs/component-icon-accessibility.yml @@ -0,0 +1,9 @@ +title: Icon accessibility tests +type: component +changelogURL: +items: + - date: NNNN-NN-NN + summary: Added accessibility tests page. + affectsGuidance: true + githubPr: + githubRepo: uswds-site