Das U.S. Web Design System (USWDS) ist das Design-System der US-Bundesregierung, 2015 von 18F und dem U.S. Digital Service geschaffen und von den Technology Transformation Services der GSA gepflegt. Es bietet usa-Komponenten wie den offiziellen Regierungs-Banner, Design Tokens und die Schrift Public Sans und ist der Weg, auf dem Behörden die Website-Standards erfüllen, die der 21st Century IDEA Act verlangt.
U.S. Web Design System (USWDS)
Details
- Vollständiger Name
-
U.S. Web Design System (USWDS), früher U.S. Web Design Standards
- Auch bekannt als
-
USWDS
Kernkonzepte:
-
Der offizielle Regierungs-Banner. „An official website of the United States government“, der
usa-banneroben auf der Seite; „most government sites should use the banner“ (Banner). -
Komponenten mit dem Präfix
usa-.usa-header,usa-button,usa-alert,usa-accordion,usa-step-indicatorund Formular-Komponenten im npm-Paket@uswds/uswds. -
Design Tokens als Sass-Einstellungen. Theme-Farben und Schriften werden über Tokens wie
$theme-color-primary: "blue-60v"und$theme-font-type-sansgesetzt. -
Public Sans. Eine Schrift, die Dan Williams für das System entwarf, auf Basis von Libre Franklin, erschienen mit USWDS 2.0 im Jahr 2019 (AIGA Eye on Design); Source Sans Pro und Merriweather liegen als Alternativen bei.
-
Barrierefreiheit und einfache Sprache als Standard. Die Komponenten sind auf Section 508 ausgelegt, und die Richtlinien behandeln Formulare, schrittweise Dienste und Inhalte.
- Wichtige Vertreter
-
18F und der U.S. Digital Service, die es 2015 schufen; gepflegt von der Digital Services Division der Technology Transformation Services der GSA (About). Version 2.0 erschien 2019, Version 3.0 im Jahr 2022
Wann verwenden:
-
Dienste von US-Bundes-, Landes- oder Stadtverwaltungen bauen. In unserem Prior-Test setzte jeder Lauf mit Anker für einen Anwohnerparkausweis den Regierungs-Banner, einen Step Indicator und
usa--Formularkomponenten. Beide Opus-Baselines nutzten auch ohne den Namenusa--Klassen, eine davon mit dem Banner; die Baselines von Haiku und Sonnet nicht. -
Als US-Gegenstück zum GOV.UK Design System, wenn ein Dienst wie eine Behörde aussehen und sich so verhalten muss
-
Die Website-Standards des Bundes erfüllen: Behörden müssen nach dem 21st Century IDEA Act den Standards der GSA folgen, und USWDS ist der Weg dorthin (Website standards)
Häufige Missverständnisse:
-
Glauben, das Gesetz nenne USWDS. Der 21st Century IDEA Act verlangt die Website-Standards; die Standards verweisen auf USWDS.
-
Den Banner auf jede Website setzen. Der Banner gehört auf offizielle Regierungs-Websites, und laut Richtlinie sollen manche Websites ihn nicht nutzen.
-
Die Muster von GOV.UK erwarten. USWDS hat eigene Komponenten und weniger Dienstmuster; eine Frage pro Seite ist ein Muster von GOV.UK, keine Regel von USWDS.
Kritik:
-
Automatisierte Tests statt Menschen. Im September 2026 schlug ein neues Team vor, die Barrierefreiheitstests des Systems zu automatisieren. Matt Henry, früherer Engineering Lead von USWDS, widersprach: „It is about what a human would experience“ (Madison Alder, „A Trump team wants to automate U.S. Web Design System accessibility testing. Experts are worried.“, FedScoop, 2026).
-
Ein Fehler erreicht Tausende Websites. Ein offener Brief einer Koalition von Technologen warnt: „One accessibility defect, performance issue, or security vulnerability in USWDS can put thousands of systems at risk“ (FedScoop, 2026).
Aktueller Stand:
-
Streit um die Steuerung. Im September 2026 stellte die GSA die langjährige Leiterin des Systems frei und übergab das Repository einem Ingenieur aus dem Finanzministerium (Christian Robles, Nextgov/FCW); fast 200 Technologen kündigten einen Hard Fork an, während die GSA erklärte, frühere Regierungen hätten USWDS verfallen lassen (Nextgov/FCW, Oktober 2026). Aktuell ist Release 3.14.0 vom 18. August 2026. Der Prior beschreibt das System vor dem Streit; prüfe, auf welchem Repository und Release du aufbaust.
