About
What's new?
What’s Changed
- chore: update releases for 2026-09-17 by @Amy-Leadem in #7061
- Tag & Tag - Status: Adds BIG variant guidance by @Barbara-Denney in #7028
- Naming conventions: Adds component naming rubric by @Matthew-Dingee in #7039
- form-watch: stop crashing on bare numeric watchlist ids by @Dominic-Padula in #6938
- Addresses: Clarifies review-page mismatch guidance by @Barbara-Denney in #7055
- 📊 Update metrics dashboard data - 2026-09-18 by @Amy-Leadem in #7069
- Upgrade component-library@56.15.0, css-library@0.36.0 by @Kerry-Powell in #7080
- 📊 Update pattern adherence data - 2026-09-21 by @Amy-Leadem in #7074
- Second signer pattern: Adds Figma link by @Barbara-Denney in #7077
- va-tag-status: Revise dynamic content accessibility guidance by @Jeana-Clark in #7071
- va-action-list: Initial draft of guidance based on SDD Requirement doc by @Jeana-Clark in #7062
- Templates: Adds authenticated home page and category page templates by @Matthew-Dingee in #6973
- Updates Tabs Examples to be HTML instead of screenshots by @Derek-Wang in #6978
- Know when information is prefilled: Converts screenshots to HTML by @Barbara-Denney in #7043
- Mobile Storybook: Fixes broken links after org migration by @Barbara-Denney in #7089
- Navigate a long list: Converts provider screenshot to HTML by @Barbara-Denney in #7046
- Adds a11y tests for va-tag-status by @Jeana-Clark in #7101
- Navigate multiple related forms: Converts screenshots to HTML by @Barbara-Denney in #7047
- 📊 Update metrics dashboard data - 2026-09-25 by @Amy-Leadem in #7103
- Category pages: Revises guidance from designer review and adopts the Action List heading API by @Matthew-Dingee in #7109
- 📊 Update pattern adherence data - 2026-09-28 by @Amy-Leadem in #7110
- Adds ADR addressing color contrast in va-button-segmented by @Jeana-Clark in #7099
- Multiple responses: Replaces screenshots with HTML examples by @Barbara-Denney in #7049
- Action list documentation v2 by @Jeana-Clark in #7106
- Metrics: Replaces imposter component count with reachable, team-attributed scan by @Matthew-Dingee in #7115
- Upgrade component-library@56.16.0, css-library@0.36.1 by @Kerry-Powell in #7124
- Card: Adds guidance for Link - Action versus Link - Active by @Barbara-Denney in #7121
- Category pages: Resolves Auth Exp review of the authenticated experience docs by @Matthew-Dingee in #7122
- Bump brace-expansion from 1.1.18 to 1.1.21 by @dependabot[bot] in #7130
- 📊 Update metrics dashboard data - 2026-10-02 by @Amy-Leadem in #7153
- Category pages: Requires a status on rows that have one by @Matthew-Dingee in #7148
- Payments: Updates Treasury overpayments, Quick access, and travel pay titles by @Matthew-Dingee in #7154
- Update css-library and web-components packages for component-library v56.16.1 release by @Ryan-Munsch in #7162
- Bump source-map-js from 1.2.1 to 1.2.2 by @dependabot[bot] in #7166
- 📊 Update pattern adherence data - 2026-10-05 by @Amy-Leadem in #7155
Full Changelog: https://va.ghe.com/software/vets-design-system-documentation/compare/2026-09-17…2026-10-06
What’s Changed
- Update complete-a-sub-task.md: Fixing typo by @Lauren-Vocke in #6844
- Update links.md: Updating link text and new tab guidance by @Lauren-Vocke in #6752
- 📊 Update metrics dashboard data - 2026-08-21 by @Amy-Leadem in #6856
- Metrics: Removes governance page link and disables its workflow updates by @Matthew-Dingee in #6811
- 📊 Update pattern adherence data - 2026-08-24 by @Amy-Leadem in #6857
- Chore(deps): Bump the va-design-system-libraries group with 2 updates by @dependabot[bot] in #6858
- Focus documentation: HTML updates by @Barbara-Denney in #6886
- 📊 Update metrics dashboard data - 2026-08-28 by @Amy-Leadem in #6921
- Dates: Converts screenshots to HTML examples by @Barbara-Denney in #6897
- Email address: Converts screenshot to HTML example by @Barbara-Denney in #6898
- Files: Converts screenshots to HTML examples by @Barbara-Denney in #6900
- Update prefilled information: Replace screenshots with HTML examples and add Cancel button by @Barbara-Denney in #6558
- 📊 Update pattern adherence data - 2026-08-31 by @Amy-Leadem in #6922
- Housing status: Converts screenshots to HTML examples by @Barbara-Denney in #6901
- Chore(deps): Bump browserslist from 4.26.2 to 4.28.8 by @dependabot[bot] in #6937
- Adds conflict check, and writing guidance to ADR Skill by @Jeana-Clark in #6920
- Tag - Status: add Neutral status guidance by @Barbara-Denney in #6869
- Phone numbers: Converts screenshots to HTML examples by @Barbara-Denney in #6899
- Marital information: Converts screenshots to HTML examples by @Barbara-Denney in #6902
- Side navigation: Converts screenshots to HTML examples by @Barbara-Denney in #6905
- Mutually exclusive answer pattern: Converts screenshot to HTML example by @Barbara-Denney in #6909
- Contact preferences pattern: Converts screenshot to HTML example by @Barbara-Denney in #6910
- Direct deposit pattern: Converts screenshots to HTML examples by @Barbara-Denney in #6911
- Race and ethnicity pattern: Converts screenshot to HTML example by @Barbara-Denney in #6912
- Service history pattern: Converts screenshots to HTML examples by @Barbara-Denney in #6913
- Check personal information pattern: Converts screenshots to HTML examples by @Barbara-Denney in #6914
- Create june-2026.md: Creating June-Aug 2026 content updates files by @Lauren-Vocke in #6574
- Forms confirmation template: Converts screenshot to HTML example by @Barbara-Denney in #6918
- Chore(deps): Bump @department-of-veterans-affairs/component-library from 56.11.0 to 56.12.0 in the va-design-system-libraries group by @dependabot[bot] in #6963
- Update dont-use-idioms.md: Adding euphemisms and colloquialisms by @Lauren-Vocke in #6954
- Navigate benefit applications pattern: Converts screenshots to HTML examples by @Barbara-Denney in #6916
- Add screenshot-to-HTML migration skill by @Barbara-Denney in #6952
- Address block: Converts screenshots to HTML examples by @Barbara-Denney in #6951
- Update 00_word-list.md: Adding and updating entries by @Lauren-Vocke in #6959
- Update page-titles-and-section-titles.md: Adding info on unique secti… by @Lauren-Vocke in #6955
- Chore(deps): Bump js-yaml from 3.15.1 to 3.15.2 by @dependabot[bot] in #6980
- Process list: Converts VEAP benefits screenshot to HTML example by @Barbara-Denney in #6981
- Privacy agreement: Converts production instance screenshot to HTML example by @Barbara-Denney in #6977
- Checkbox/Radio: Converts relationship-to-Veteran error screenshot to HTML example by @Barbara-Denney in #6976
- Card Status: Converts screenshots to live coded examples by @Barbara-Denney in #6975
- Button: Replaces screenshot with live coded example by @Barbara-Denney in #6967
- List: Converts 5 production screenshots to HTML examples by @Barbara-Denney in #6979
- Summary box: Converts eligibility screenshot to HTML example by @Barbara-Denney in #6984
- Update dont-use-idioms.md: Fixing typos by @Lauren-Vocke in #6986
- 📊 Update metrics dashboard data - 2026-09-11 by @Amy-Leadem in #7006
- Update _config.yml: Modify exclude patterns for HTML includes by @DANIEL-BRADY in #7015
- Patterns: Adds complete a form that needs a second signer pattern by @Barbara-Denney in #6469
- Update prefilled information: Adds address validation on submit by @Barbara-Denney in #6733
- Bump component-library and css-library package numbers by @Ryan-Munsch in #7019
- 📊 Update pattern adherence data - 2026-09-07 by @Amy-Leadem in #6972
- 📊 Update pattern adherence data - 2026-09-14 by @Amy-Leadem in #7010
- Card: Converts screenshots to live coded examples by @Barbara-Denney in #6970
- Screenshot-to-HTML skill: add accessibility and button/link conversion guidance by @Barbara-Denney in #7003
- Names pattern: Converts screenshot example to live HTML mockup by @Barbara-Denney in #7004
- Relationship pattern: Converts screenshot example to live HTML mockup by @Barbara-Denney in #7005
- Signature: Replaces screenshot with Storybook preview by @Barbara-Denney in #7007
- Identify who is filling out a form: Converts screenshots to live HTML mockups by @Barbara-Denney in #7008
- Update readability-and-usability.md: Adding PDF guidance by @Lauren-Vocke in #6964
- Update component-library version number for v56.14.0 release by @Ryan-Munsch in #7053
- feat: update release workflow and improve component library display by @DANIEL-BRADY in #6961
Full Changelog: https://va.ghe.com/software/vets-design-system-documentation/compare/2026-08-31-2…2026-09-17
What’s Changed
- Icons: Added new laptop/computer and monitor heart icon by @DANIEL-BRADY in #6750
- generate dashboard for omb expiration and templates by @Dominic-Padula in #6667
- Icons: clarify Material Icons vs. Material Symbols by @DANIEL-BRADY in #6753
- Design tokens: Adds the 12 tokens new in css-library 0.34.1 by @DANIEL-BRADY in #6773
- Chore(deps): Bump js-yaml from 3.15.0 to 3.15.1 by @dependabot[bot] in #6784
- Chore(deps): Bump @department-of-veterans-affairs/component-library from 56.9.0 to 56.10.0 in the va-design-system-libraries group across 1 directory by @dependabot[bot] in #6800
- Chore(deps): Bump @department-of-veterans-affairs/component-library from 56.10.0 to 56.10.1 in the va-design-system-libraries group by @dependabot[bot] in #6803
- 📊 Update metrics dashboard data - 2026-08-07 by @Amy-Leadem in #6801
- Design token migration: Fixes the trend chart resetting on a css-library bump by @Robert-Hasselle in #6805
- Metrics: Adds July 2026 monthly analytics report by @Matthew-Dingee in #6734
- 📊 Update pattern adherence data - 2026-08-10 by @Amy-Leadem in #6802
- 📊 Update metrics dashboard data - 2026-08-14 by @Amy-Leadem in #6828
- 📊 Update pattern adherence data - 2026-08-17 by @Amy-Leadem in #6831
Full Changelog: https://va.ghe.com/software/vets-design-system-documentation/compare/2026-08-31…2026-08-31-2
What’s Changed
Fixes
- va-button: fix empty live region announcement by @Ashley-Terstriep in #2334
- va-action-list: Scroll toggle into view on click so layout shifts don’t hide it while it has focus by @Ryan-Munsch in #2352
- Header alpha: Clean up component files by @Amy-Leadem in #2342
CSS Library
- CSS-Library: update line-height-2 so that it matches USWDS by @JAMI-GIBBS in #2332
Full Changelog: https://va.ghe.com/software/component-library/compare/v56.16.0…v56.16.1
What’s Changed
New Features & Components 🎉
- va-sidenav: add compact variant by @Kerry-Powell in #2337
Fixes
- va-details: update styles to stablize icon alignment by @DANIEL-BRADY in #2314
- va-crisis-line-modal: update styles for consistency and improve alignment by @DANIEL-BRADY in #2326
- va-action-list-item: Add custom click event for action anchors by @Ryan-Munsch in #2327
- va-action-list: Replace h-level element font-size rule with headings mixin by @Ryan-Munsch in #2325
- va-action-list: Add expandable functionality for summary variant by @Ryan-Munsch in #2330
- va-maintenance-banner: improve icon alignment and container structure by @DANIEL-BRADY in #2317
- va-tag-status: Fix icon sizing issue with large font sizes by @Kerry-Powell in #2340
- va-button-segmented: style updates for buttons by @Kerry-Powell in #2339
CSS Library
- Dependency update: Add resolutions for brace-expansion v2.1.4 by @Ashley-Terstriep in #2323
[!WARNING] This release includes an alpha version of va-header-navigation. This component should only be used for integration testing and should not be implemented at this time.
Full Changelog: https://va.ghe.com/software/component-library/compare/v56.15.0…v56.16.0
What’s Changed
New Features & Components 🎉
- va-tag, va-tag-status: add big variant by @Kerry-Powell in #2315
- va-sidenav: add variant to hide sidenav on mobile by @Kerry-Powell in #2305
Fixes
- va-tag-status: Remove apply-status-role prop by @Kerry-Powell in #2322
CSS Library
- CSS-Library: clean up unused classes and styles by @Kerry-Powell in #2066
Full Changelog: https://va.ghe.com/software/component-library/compare/v56.14.0…v56.15.0
September 2026
Content style guide
Page titles and section titles
-
Added guidance on using unique section titles:
Make each section title unique. Each title should be different enough so people can quickly and easily tell the difference between the sections. This is particularly important for pages that include an On This Page component (table of contents).
- Moved section title bullet items on length and punctuation to a separate subsection, Length and punctuation (no changes to guidance)
- Made edits throughout to align with the style guide
Plain language - Don’t use idioms
-
Updated introduction to include euphemisms and colloquialisms and added a second sentence about using clear and direct language:
Idioms, euphemisms, and colloquialisms can be confusing, especially for someone whose first language isn’t English. Instead, use clear and direct language.
-
Added 2 new examples:
Like this
If you’re the surviving spouse, child, or parent of a Veteran whodiedfrom a service-related injury or illness, you may be eligible for VA Dependency and Indemnity Compensation (D.I.C.).Not this
If you’re the surviving spouse, child, or parent of a Veteran whopassed awayfrom a service-related injury or illness, you may be eligible for VA Dependency and Indemnity Compensation (D.I.C.).Like this
Am I eligible for a Survivors Pension as the child of adeceasedwartime Veteran?Not this
Am I eligible for a Survivors Pension as the child of alatewartime Veteran?
Readability and usability of VA digital content
Added new guidance on content in PDFs on VA.gov, including information on official VA forms, outreach materials, tool user guides, and benefit guides. The guidance explains our approach to PDFs for each type of content and alternate solutions when we don’t recommend posting or linking to PDFs. The guidance also explains the accessibility concerns and requirements we need to consider with PDFs.
Word list
-
Added 4 new entries:
active and inactive (for account status)
When referring to someone’s account status, use “active,” “inactive,” and “to make your account active again.”
e.g., i.e., and ex.
Avoid using “e.g.,” “i.e.,” or “ex.” to introduce examples. Instead, use words like “for example” or “like.”
etc.
Don’t include “etc.” in a list of examples. Use “like” or “for example” to introduce the examples. This indicates that it may not be a full list.
recipient
In general, avoid using “recipient.” Instead, reword the sentence to use “the person who received the benefit,” “the person who will receive the benefit,” or similar. There are some exceptions where “recipient” is part of an understood or official term, like “Medal of Honor recipient.” In those cases, it’s OK to use “recipient.”
-
Revised 1 entry:
healthcare
1 word, never hyphenated as a compound adjective (for example, “healthcare system”). Lowercase unless it’s part of the official name of a VA medical center.
Note: This change aligns with new AP guidance. We’re working on updating this from 2 words to 1 across our content. But you may still find instances of “health care” while we’re working on these updates.
Exception: Defer to the VA medical center’s official name, which may have “health care” as 2 words.