Digital service provided by the United States Government@media(min-width:640px){.mw-parser-output .infobox{margin-left:1em;float:right;clear:right;width:22em}}.mw-parser-output .infobox-subbox{padding:0;border:none;margin:-3px;width:auto;min-width:100%;font-size:100%;clear:none;float:none;background-color:transparent;color:inherit}.mw-parser-output .infobox-3cols-child{margin:-3px}.mw-parser-output .infobox .navbar{font-size:100%}.mw-parser-output .infobox-hiddenrow,body.skin–responsive.skin–responsive .mw-parser-output .infobox .infobox-hiddenrow{display:none}@media screen{html.skin-theme-clientpref-night .mw-parser-output .infobox-full-data:not(.notheme)>div:not(.notheme)[style]{background:#1f1f23!important;color:#f8f9fa}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .infobox-full-data:not(.notheme)>div:not(.notheme)[style]{background:#1f1f23!important;color:#f8f9fa}}@media(min-width:640px){body.skin–responsive .mw-parser-output .infobox-table{display:table!important}body.skin–responsive .mw-parser-output .infobox-table>caption{display:table-caption!important}body.skin–responsive .mw-parser-output .infobox-table>tbody{display:table-row-group}body.skin–responsive .mw-parser-output .infobox-table th,body.skin–responsive .mw-parser-output .infobox-table td{padding-left:inherit;padding-right:inherit}}
The U.S. Web Design System (USWDS) is a collection of user interface components and style guide for design patterns for web development. USWDS supports accessibility and mobile-friendly requirements and a consistent experience across government websites. It includes the font Public Sans.
History
[edit]
USWDS was created in 2015 as a collaboration between 18F, the United States Digital Service, and the 10x program.[1][2] In 2018, the 21st Century Integrated Digital Experience Act (IDEA) mandated that executive branch websites meet the websites standards established by the Technology Transformation Services department, the department within which USWDS operates.
In 2019, USWDS launched version 2.0 which included a custom font, Public Sans. The Public Sans typeface allows for 9 different line weights.[3] USWDS 3.0 was released in 2022 with support for Sass, a CSS pre-processor.[4]
In September 2023, USWDS was in use at 94 agencies and 160 websites with an estimated 1.1 billion page views.[5]
Compliance with website requirements
[edit]
U.S. government websites are required to comply with multiple accessibility requirements. The 21st Century Integrated Digital Experience Act (IDEA) stipulates that public-facing agency websites have a consistent look, include mobile-friendly versions of paper-based documents, and meet the accessibility needs of people with disabilities.[6] The same year of the IDEA’s signing, traffic from mobile devices surpassed desktop devices for the first time.[7]
USWDS also seeks to help agencies meet Section 508 Amendment to the Rehabilitation Act of 1973 compliance.
USWDS under the second Trump administration
[edit]
In September 2026, the Treasury Department’s chief information officer, Sam Corcos, and a Treasury AI engineer, Ryan Parker, took over leadership of USWDS and announced plans to “automate as much accessibility testing as possible” using AI code-review tools such as OpenAI’s Codex and CodeRabbit.[8] USWDS team members then lost access to the project’s GitHub repository, while Parker and Corcos began changing it.[9] Accessibility experts, including former USWDS engineering lead Matt Henry, criticized the plan, saying that only about 30% of accessibility testing can be reliably automated.[8] Nearly 200 technologists began building an independent copy of the system.[10]
See also
[edit]
- Civic technology
- Service design
- 18F
- Technology Transformation Services
References
[edit]
.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}body.skin-vector-2022 .mw-parser-output .reflist-columns-2{column-width:27em}body.skin-vector-2022 .mw-parser-output .reflist-columns-3{column-width:22.5em}.mw-parser-output .references[data-mw-group=upper-alpha]{list-style-type:upper-alpha}.mw-parser-output .references[data-mw-group=upper-roman]{list-style-type:upper-roman}.mw-parser-output .references[data-mw-group=lower-alpha]{list-style-type:lower-alpha}.mw-parser-output .references[data-mw-group=lower-greek]{list-style-type:lower-greek}.mw-parser-output .references[data-mw-group=lower-roman]{list-style-type:lower-roman}.mw-parser-output div.reflist-liststyle-upper-alpha .references{list-style-type:upper-alpha}.mw-parser-output div.reflist-liststyle-upper-roman .references{list-style-type:upper-roman}.mw-parser-output div.reflist-liststyle-lower-alpha .references{list-style-type:lower-alpha}.mw-parser-output div.reflist-liststyle-lower-greek .references{list-style-type:lower-greek}.mw-parser-output div.reflist-liststyle-lower-roman .references{list-style-type:lower-roman}
External links
[edit]
- Official website
- GitHub repository
Retrieved from “https://en.wikipedia.org/w/index.php?title=U.S._Web_Design_System&oldid=1378521632”