Skip to content

Commit

Permalink
Set up icon accessibility tests page
Browse files Browse the repository at this point in the history
  • Loading branch information
amyleadem committed Mar 6, 2024
1 parent ddd921b commit 30db831
Show file tree
Hide file tree
Showing 4 changed files with 40 additions and 10 deletions.
13 changes: 13 additions & 0 deletions _components/icon/accessibility.md
Original file line number Diff line number Diff line change
@@ -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 %}
12 changes: 2 additions & 10 deletions _components/icon/icon.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
16 changes: 16 additions & 0 deletions _data/accessibility-tests/icon.yml
Original file line number Diff line number Diff line change
@@ -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
9 changes: 9 additions & 0 deletions _data/changelogs/component-icon-accessibility.yml
Original file line number Diff line number Diff line change
@@ -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

0 comments on commit 30db831

Please sign in to comment.