Highlight web components, accessibility issues, and other issues on VA.gov pages
Highlights
-
VA design system web components:
- USWDS v3 components (green highlights)
- USWDS v1 components (dark red highlights)
-
Elements that should be web components (dark red highlights):
- Div modal ->
va-modal
- Plain button ->
va-button
- Plain checkbox ->
va-checkbox
- Plain number input ->
va-number-input
- Plain radio input ->
va-radio-option
- Plain search input ->
va-search-input
- Plain select ->
va-select
- Plain telephone link ->
va-telephone
- Plain text input ->
va-text-input
- Plain textarea ->
va-textarea
- Div modal ->
-
Accessibility issues (rules copied from Smashing magazine "Apps For All" by Heydon Pickering) (gold highlights):
-
buttons missing a
type
-
disabled elements
-
links (
a
) missing anhref
-
links (
a
) that are empty and missing anaria-label
andaria-labelledby
-
buttons that are empty and missing an
aria-label
andaria-labelledby
-
images missing
alt
content -
sections nested within sections
-
elements with a
role="status"
without anaria-live="polite"
-
elements with a
role="alert"
without anaria-live="assertive"
-
elements with a
aria-live="polite"
without arole="status"
-
elements with a
aria-live="assertive"
without arole="alert"
-
links (
a
) withtarget="_blank"
missingrel="noreferrer noopener"
-
links (
a
) going outside of VA.gov domain missingrel="noreferrer noopener"
-
-
DataDog privacy settings (purple highlights)
- hidden privacy class or data-attribute
- masked privacy class or data-attribute
- action name data-attribute for hidden setting
- action name data-attribute for masked setting
Hover over the highlighted outline to reveal the component
- Download the zip or clone the repo
git clone https://github.com/Mottie/va-page-checker
- Open browser's extension page
chrome://extension
for Chrome, oredge://extensions
for Edge - Enable "Developer mode"
- Use "Load unpacked" button
- Target the
va-page-checker
folder - Pin the "VA page checker" icon and toggle the button to highlight content
This browser extension is released under CC0.