Create footer component - shell - Githubissues

department-of-veterans-affairs / va.gov-team

Public resources for building on and in support of VA.gov. Visit complete Knowledge Hub:

https://depo-platform-documentation.scrollhelp.site/index.html

283 stars 205 forks source link

Create footer component - shell #97603

Open candilemoine opened 1 day ago

candilemoine commented 1 day ago

Description

Mockups/Designs

Component

Blockers

Acceptance Criteria/Conditions of Satisfaction

[ ]

Accessibility (A11y) Testing

Refer to existing VA design system
Test with either WAVE or AXE extension
As you manually test, look for the following:
- color contrast errors
- keyboard navigation
  - When navigating with a keyboard, content should flow from left to right
- heading order
  - Headings should be in order, so h1, then h2, h3. This is so the screen reader can let the user know the natural order of the elements in page. The WAVE tool has a headings tab that will display the order.
- proper tag elements
  - Since we are working with forms, make sure components have the proper tags, i.e.: <label for="lastName"...>Last Name <input id="lastName"... />
test with a screen reader
- Voiceover is built in with mac, use NVDA for windows