About
What's new?
What’s Changed
- chore: update releases for Sprint 3 by @Amy-Leadem in #6611
- Links: Simplify link opening behavior documentation by @Barbara-Denney in #6513
- va-button: Adds custom behavior guidance by @Jeana-Clark in #6614
- 📊 Update metrics dashboard data - 2026-07-03 by @Amy-Leadem in #6579
- Chore(deps): Bump the va-design-system-libraries group across 1 directory with 2 updates by @dependabot[bot] in #6629
- 📊 Update pattern adherence data - 2026-07-06 by @Amy-Leadem in #6580
- Add platform-design-system-team label to workflows by @Tricia-Baker in #6577
- 📊 Update metrics dashboard data - 2026-07-10 by @Amy-Leadem in #6606
- 📊 Update pattern adherence data - 2026-07-13 by @Amy-Leadem in #6610
- Adds alert to additional info pointing to va-details by @Jeana-Clark in #6633
- [Documentation] Fixes broken link by @Jeana-Clark in #6634
- Design Tokens - Updates design token docs by @Jeana-Clark in #6618
- Update token note. Don’t use vads-font-size-source-sans-normalized. by @JAMI-GIBBS in #6645
- Chore(deps): Bump brace-expansion from 1.1.13 to 1.1.16 by @dependabot[bot] in #6652
- Chore(deps): Bump @department-of-veterans-affairs/component-library from 56.8.0 to 56.9.0 in the va-design-system-libraries group by @dependabot[bot] in #6661
- Form watch PoC: OMB expiration poller + vets-api PDF template audit by @Dominic-Padula in #6647
- Form watch: Adds PDF revision watch and reorganizes Slack digests by @Dominic-Padula in #6666
- Token docs cleanup by @DANIEL-BRADY in #6663
- 📊 Update metrics dashboard data - 2026-07-17 by @Amy-Leadem in #6639
- 📊 Update pattern adherence data - 2026-07-20 by @Amy-Leadem in #6644
- file-input: adds ADR for field label by @Kerry-Powell in #6662
- Chore(deps): Bump json from 2.19.2 to 2.19.9 in the bundler group across 1 directory by @dependabot[bot] in #6693
- Chore(deps-dev): Bump tar from 7.5.16 to 7.5.21 by @dependabot[bot] in #6695
- Design token migration: metrics + page by @Robert-Hasselle in #6646
- 📊 Update metrics dashboard data - 2026-07-24 by @Amy-Leadem in #6696
- Updates EDR template, adds YML version by @Jeana-Clark in #6699
- Updates for Token migration page: include platform code, fix URL by @Robert-Hasselle in #6723
- Add owners to the design token migration page by @Robert-Hasselle in #6728
- Chore(deps): Bump brace-expansion from 1.1.16 to 1.1.18 by @dependabot[bot] in #6737
- 📊 Update metrics dashboard data - 2026-08-03 by @Amy-Leadem in #6735
New Contributors
- @Robert-Hasselle made their first contribution in #6646
Full Changelog: https://va.ghe.com/software/vets-design-system-documentation/compare/Sprint-3…Sprint-4
What’s Changed
- chore: update releases for Sprint 2 by @Amy-Leadem in #6549
- Add ADR for search input component by @JAMI-GIBBS in #6541
- Chore(deps): Bump js-yaml from 3.14.2 to 3.15.0 by @dependabot[bot] in #6552
- fix(patterns): stop /patterns.html collision from example snippets by @DANIEL-BRADY in #6531
- Update 00_word-list.md: Adding “elderly” and “non-VA or private” by @Lauren-Vocke in #6523
- Update numbers.md: Added guidance on negative numbers, measurements, … by @Lauren-Vocke in #6525
- Update index.md: Added guidance on labels and slim alert length by @Lauren-Vocke in #6528
- Add GitHub Action to enforce label on issues by @Tricia-Baker in #6546
- Update page-titles-and-section-titles.md: Added guidance on punctuati… by @Lauren-Vocke in #6524
- Update bulleted-lists.md: Adding info on 2-item lists and capitalization by @Lauren-Vocke in #6530
- 📊 Update metrics dashboard data - 2026-06-26 by @Amy-Leadem in #6545
- Adds guidance on how to write accessible text for image links by @Jeana-Clark in #6551
- Adds spacing between form title examples by @Jeana-Clark in #6563
- Update index.md: Removing label guidance by @Lauren-Vocke in #6571
- Chore(deps): Bump @department-of-veterans-affairs/component-library from 56.6.2 to 56.7.0 in the va-design-system-libraries group by @dependabot[bot] in #6572
- Chore(deps): Bump @department-of-veterans-affairs/css-library from 0.32.1 to 0.33.0 in the va-design-system-libraries group by @dependabot[bot] in #6587
- Metrics: Adds June 2026 monthly analytics report by @Matthew-Dingee in #6592
- Generate design tokens docs from css-library by @DANIEL-BRADY in #6521
- Added Error Persistence guidance by @Jeana-Clark in #6583
Full Changelog: https://va.ghe.com/software/vets-design-system-documentation/compare/Sprint-2…Sprint-3
What’s Changed
- Chore(deps): Bump form-data from 4.0.4 to 4.0.6 by @dependabot[bot] in #6474
- Chore(deps-dev): Bump tar from 7.5.11 to 7.5.16 by @dependabot[bot] in #6475
- chore: update releases for Sprint 1 by @Amy-Leadem in #6480
- Fix broken figma link by @Jeana-Clark in #6489
- Prevent lower environments from being indexed by search engines by @JAMI-GIBBS in #6473
- Chore(deps): Bump nokogiri from 1.19.3 to 1.19.4 in the bundler group across 1 directory by @dependabot[bot] in #6495
- Adds figma examples for “a single response” by @Jeana-Clark in #6493
- 📊 Update metrics dashboard data - 2026-06-19 by @Amy-Leadem in #6496
- 📊 Update pattern adherence data - 2026-06-22 by @Amy-Leadem in #6497
- Chore(deps): Bump concurrent-ruby from 1.3.5 to 1.3.7 in the bundler group across 1 directory by @dependabot[bot] in #6498
- Pattern adherence: Adds prefill fidelity tier breakdown by @Matthew-Dingee in #6500
- Create may-2026.md: Adding file for May 2026 content updates by @Lauren-Vocke in #6449
- Pattern adherence: Analyze only Maintained (production) forms by @Matthew-Dingee in #6502
- Pattern adherence: fix top-level app matching for all 9 patterns by @Matthew-Dingee in #6505
- Adds period to Hint text of SSN and VA file number in Content Considerations by @Derek-Wang in #6503
- Create workflow for automatic sprint issue generation by @Tricia-Baker in #6539
- Add automated sprint issue creation workflow by @Tricia-Baker in #6540
- Chore(deps): Bump the va-design-system-libraries group across 1 directory with 2 updates by @dependabot[bot] in #6514
Full Changelog: https://va.ghe.com/software/vets-design-system-documentation/compare/Sprint-1…Sprint-2
What’s Changed
Tokens
- Updated hard-coded values in web components to use recently added CSS-Library tokens by @Kerry-Powell in #2206
va-alert
- Added non-breaking space so sr-text doesn’t run into alert headings by @Jeana-Clark in #2197
va-telephone
- Used libphonenumber-js/min metadata to slim bundle by @Adrian-Rollett in #2216
va-file-input
- Fixed hint text not announcing with screen readers by @Kerry-Powell in #2196
Font resize component
- Fixed font resizing issues for va-additional-info, va-date, va-memorable-date, va-search-input, va-telephone-input, and va-text-input by @Amy-Leadem in #1800
va-file-input-multiple
- Fixed alignment issue with label and file target by @Kerry-Powell in #2222
va-tag-status
- Defined a font-family for the status text by @JAMI-GIBBS in #2227
CSS-Library
- Replaced hard-coded font-sizes with tokens by @JAMI-GIBBS in #2209
- Added additional color and font variables by @DANIEL-BRADY in #2224
dependency updates
- Add @stencil/postcss/postcss resolution and other security updates by @dependabot[bot] in #2207
- Bump brace-expansion by @dependabot[bot] in #2205
- Bump the npm_and_yarn group across 3 directories with 4 updates by @dependabot[bot] in #2217
What’s Changed
New Features & Components 🎉
- web-components: retry transient lazy import() failures by @Adrian-Rollett in #2165
Fixes
- [Tokens] va-select, va-service-list, va-sidenav, va-sort, va-statement-of-truth, va-summary-box, va-table, va-tabs, va-tag-status, va-telephone, va-telephone-input, va-text-input, va-textarea : replace hard-coded values by @Kerry-Powell in #2191
- [Tokens] globals and mixins: replace hard-coded css-values by @Kerry-Powell in #2193
- Fix error state visual regression by @JAMI-GIBBS in #2200
Full Changelog: https://va.ghe.com/software/component-library/compare/v56.8.0…v56.9.0
What’s Changed
New Features & Components 🎉
- va-header-minimal, va-icon, va-language-toggle, va-link, va-link-action, va-loading-indicator, va-maintenance-banner, va-memorable-date, va-minimal-footer, va-modal, va-need-help, va-notification
- Replaced hard-coded values with design system tokens. By @Kerry-Powell in #2183
- va-official-gov-banner, va-omb-info, va-on-this-page, va-pagination, va-privacy-agreement, va-process-list, va-progress-bar, va-promo-banner, va-radio, va-radio-option, va-search-filter, va-segmented-progress-bar
- Replaced hard-coded values with design system tokens. By @Kerry-Powell in #2189
Fixes
- va-header-minimal
- Updated linked logos alt text. By @Jeana-Clark in #2185
- Dependency update
- Updated js-yaml, babel-loader. By @dependabot[bot] in #2179
- Updated to latest CSS-Library release: v0.33.0. By @JAMI-GIBBS in #2190
- Updated README for CSS-Library and component-library packages for NPM. By @JAMI-GIBBS in #2192
Full Changelog: https://va.ghe.com/software/component-library/compare/v56.7.0…v56.8.0
May 2026
Content style guide
Bold and italic text
- Updated the section title to replace the “&” with “and”
- Updated the guidance on when to bold:
-
Health care portal options, when we need to reference both My HealtheVet on VA.gov and My VA Health in the same context. Review examples on the My HealtheVet on VA.gov: What to know page
-
The design element, button, screen, and page or section title we want the Veteran to select or go to when we’re giving directions. For example, “In the File menu, select Save.” Review another example on the Verifying your identity page
-
The error messages that appear when a person doesn’t complete a required form field correctly.
-
- Made style guide edits throughout
Bulleted and numbered lists
- Added a new consideration for ordering bulleted lists:
Most to least popular or common
We order some lists based on how popular or common each item in the list is. This approach works most often for radio button or checkbox options in an interactive form. For example, if you know more people select a certain response for a question, you can put that response at the top of the list.
Note: Base the order of popularity on data from past responses or research.
- Added “or chronological” to the “numerical” ordering consideration
- Specified in the alphabetical ordering consideration that this order is for lists that don’t have another natural order
- Added a new subsection on breaking up long lists:
Breaking up long lists
If you have a long list (typically a list with more than 7 items), consider breaking up the list into multiple smaller lists with subheads. This helps keep lists easy to understand. You can break up the list in different ways, depending on the content.
Consider breaking up long lists in these ways:
- Item type
- Physical location
- Numerical or chronological
- Alphabetical
Examples
Item type
You can break up a long list by keeping similar items together in their own smaller lists.
Physical location
If you have a long list of different locations, you can break up the list by state or country.
Numerical or chronological
You can break up some lists numerically or chronologically in a variety of ways, including by month, year (or range of years), era, length of time, age, or percentage level of disability.
Alphabetical
Some lists may make sense to break up by letter, or range of letters. For example, a list of medications or locations that wouldn’t make sense grouped by state or country.
Use conversational language
Added guidance on not using unclear pronouns:
Don’t use unclear pronouns like “it,” “this,” or “that” on their own. Using these terms without context can be confusing. And unclear pronouns can cause problems with translated content.
Title tags
- Removed guidance on character limits and us truncating title tags (search engines may still truncate title tags, but we don’t manually truncate title tags)
- Revised the introduction to the Additional guidance subsection:
For VA medical center (VAMC) websites and forms and subtasks, we need to include additional information in the title tag for clarity and accessibility. The title tag format is different for these pages.
- Clarified the guidance for VA medical center (VAMC) websites:
Because many Veterans search for VA hospitals by city or region, it’s important to include the region to distinguish the VAMC page from the national content on VA.gov.
- Revised the guidance for forms and multi-page subtasks:
Some form components, like the Income limits tool and forms using the Form step - minimal template, use the question for the H1. This may be helpful for people as they fill out the form, but it’s less useful as the title tag on its own. If someone has multiple forms open, we want them to easily be able to tell the forms apart with clear title tags.
Each page in the flow should have the H1 and form number in the title tag.
Format: H1 Page Title | VA Form Number | Veterans Affairs
- Fixed the capitalization in the example in the Privacy guidance subsection
- Made style guide edits throughout
Templates
Form step
- Aligned hint text subsection with current guidance:
Add hint text under a field label if it would help someone choose the right response, like “We’ll use your email address to confirm when we receive your form.” Knowing how we’ll use their email may help the person choose which email to enter. Or use hint text to help someone answer a question more easily, like “Select a month. Enter 1 or 2 digits for the day and 4 digits for the year.” Hint text should have an ending period if it’s a full sentence.
- Made style guide edits throughout
Form step-minimal
- Clarified guidance on H1s:
The
H1on each page of the form should either describe the information needed (like Your name and date of birth) or ask the specific question for that page (like What’s your relationship to the Veteran?).All new forms should use this template. The templates in Figma and in code provide good starting points for new form development. Your forms will have a unique
H1for each page and will be more accessible for people.The step label should be unique from the
H1on each page. The step label describes the general type of information you’re collecting (like Your personal information) and the page header (H1) will be specific (like Your name and date of birth).H1page headers can be questions or statements.Each page in a form that gathers information must have an
H1page header that tells the person what kind of information we’re asking for on that page. EachH1must be unique from the other question pages and from the step label. TheH1on each page of the form should either describe the information needed (like Your name and date of birth) or ask the specific question for that page (like What’s your relationship to the Veteran?).Keep hint text brief, without any line breaks if possible. If you need to give a long, detailed explanation, consider using a Details component or an accordion instead. Screen readers will read the entire hint text aloud when people interact with the form field. This could frustrate people if the text is long.
- Made style guide edits throughout
IA
Reorganization
Reorganized the section:
Overview
IA Standards
- Redirects
- Search Recommendations
- URL Standards
- Vanity URLs
Organization
- Site Organization
- Domain Structure
VA Health and Benefits app
Search Recommendations (new section)
This new section explains how to request the setup of or changes to search recommendations (or best bets) for a VA.gov page. The page also had general information on what search recommendations are, when and how to use recommendations, and keyword considerations.