Digital.gov — Guidance on building better digital services in government

<!DOCTYPE html> <html lang="en-US" itemscope itemtype="http://schema.org/WebSite" prefix="og: http://ogp.me/ns#" > <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script async type="text/javascript" id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA&subagency=TTS" ></script>  <script> dataLayer = [ { "content-type": "resource+page", topics: "design, analytics, Tag+Manager", }, ]; </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-MZCKZPQ"); </script>   <title>Digital.gov — Guidance on building better digital services in government</title>  <meta name="description" content="Guidance on building better digital services in government" /> <meta name="keywords" content="digital, government, technology, civic-tech" />  <meta property="og:title" content="Digital.gov" /> <meta property="og:description" content="Guidance on building better digital services in government" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://digital.gov/authors/james-mejia/" /> <meta property="og:site_name" content="Digital.gov" /> <meta name="robots" content="index, follow" /> <meta property="og:locale" content="en_US" /> <meta property="og:image" content="https://s3.amazonaws.com/digitalgov/digitalgov-2022-card-v3.png" /> <meta property="og:image:alt" content=" " /> <meta property="fb:admins" content="100000569454928" /> <meta property="article:publisher" content="https://www.facebook.com/digitalgov" />   <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Digital_Gov" /> <meta name="twitter:creator" content="@Digital_Gov" /> <meta name="twitter:image:src" content="https://s3.amazonaws.com/digitalgov/digitalgov-2022-card-v3.png" /> <meta property="twitter:description" content="Guidance on building better digital services in government" /> <meta property="twitter:title" content="Digital.gov" />   <link href="/authors/james-mejia/index.xml" rel="feed" type="application/rss+xml" />  <link href="https://digital.gov/authors/james-mejia/index.json" data-proofer-ignore rel="alternate" type="application/json" title="Digital.gov" />  <link rel="sitemap" type="application/xml" title="Digital.gov Sitemap" href="https://digital.gov/sitemap.xml" /> <meta name="theme-color" content="#656bd7" /> <meta name="msvalidate.01" content="A662823C2F59EB4F55F752CC752AC299" />  <link rel="stylesheet" href="https://digital.gov/dist/styles.css" type="text/css" media="all" /> <script src="https://digital.gov/dist/js/uswds-init.min.js"></script>  <link rel="apple-touch-icon" sizes="180x180" href="https://digital.gov/img/icons/apple-touch-icon.png?v=3" /> <link rel="icon" type="image/png" sizes="32x32" href="https://digital.gov/img/icons/favicon-32x32.png?v=3" /> <link rel="icon" type="image/png" sizes="16x16" href="https://digital.gov/img/icons/favicon-16x16.png?v=3" /> <link rel="manifest" href="https://digital.gov/img/icons/site.webmanifest?v=3" /> <link rel="mask-icon" href="https://digital.gov/img/icons/safari-pinned-tab.svg?v=3" color="#0076d6" /> <link rel="shortcut icon" href="https://digital.gov/img/icons/favicon.ico?v=3" /> <meta name="msapplication-TileColor" content="#0076d6" /> <meta name="theme-color" content="#ffffff" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> </head> <body class="authors term"><noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZCKZPQ" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript>  <div class="paper"><a class="usa-skipnav" href="#main-content">Skip to main content</a> <section class="usa-banner gov-banner" aria-label="Official website of the United States government" > <div class="usa-accordion"> <header class="usa-banner__header"> <div class="usa-banner__inner"> <div class="grid-col-auto"><img aria-hidden="true" class="usa-banner__header-flag" src="/uswds/img/us_flag_small.png" alt="" width="16" height="11" /> </div> <div class="grid-col-fill tablet:grid-col-auto" aria-hidden="true"> <p class="usa-banner__header-text"> An official website of the United States government </p> <p class="usa-banner__header-action">Here’s how you know</p> </div> <button type="button" class="usa-accordion__button usa-banner__button" aria-expanded="false" aria-controls="gov-banner-default-default" > <span class="usa-banner__button-text">Here’s how you know</span> </button> </div> </header> <div class="usa-banner__content usa-accordion__content" id="gov-banner-default-default" > <div class="grid-row grid-gap-lg"> <div class="usa-banner__guidance tablet:grid-col-6"><img class="usa-banner__icon usa-media-block__img" src="/uswds/img/icon-dot-gov.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Official websites use .gov</strong> <br /> A <strong>.gov</strong> website belongs to an official government organization in the United States. </p> </div> </div> <div class="usa-banner__guidance tablet:grid-col-6"><img class="usa-banner__icon usa-media-block__img" src="/uswds/img/icon-https.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Secure .gov websites use HTTPS</strong><br />A <strong>lock</strong> ( <span class="icon-lock"> <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" class="usa-banner__lock-image" role="img" aria-labelledby="banner-lock-description-default" focusable="false" > <title id="banner-lock-title-default">Lock</title> <desc id="banner-lock-description-default"> Locked padlock </desc> <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" /> </svg> </span >) or <strong>https://</strong> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. </p> </div> </div> </div> </div> </div> </section> <section class="dg-site-alert usa-site-alert usa-site-alert--info " aria-label="Site alert" > <div class="usa-alert"> <div class="usa-alert__body"> <h3 class="usa-alert__heading">Guidance for U.S. government websites and social media</h3> <ul class="usa-list"> <li><a href="/california-wildfires">digital.gov/california-wildfires</a></li> <li><a href="/hurricane-helene">digital.gov/hurricane-helene</a></li> </ul> </div> </div> </section> <script type="text/javascript"> const links = document.querySelectorAll(".dg-site-alert a"); links.forEach((link) => link.classList.add("usa-link")); </script> <div class="usa-overlay"></div> <header class="usa-header usa-header--extended" role="banner"> <div class="usa-navbar"> <div class="usa-logo" id="extended-logo"> <em class="usa-logo__text"> <a href="https://digital.gov/" title="Digital.gov Home" aria-label="Digital.gov Home" > <img class="logo-black" src="https://digital.gov/img/digitalgov-logo.svg" alt="Digital.gov Logo" width="220" height="36" /> </a> </em> <p class="sub-head display-none">Guidance on building better digital services in government</p> </div> <button class="usa-menu-btn"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-2px" aria-hidden="true" focusable="false" role="img" > <use xlink:href="/uswds/img/sprite.svg#menu"></use> </svg> Menu </button> </div> <nav aria-label="Primary navigation" class="usa-nav"> <div class="usa-nav__inner"> <button class="usa-nav__close"> <img src="/uswds/img/close.svg" alt="close" /> </button><ul class="usa-nav__primary usa-accordion"><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/news/" ><span>Blogs</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/events/" ><span>Events</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/resources/" ><span>Resources</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/communities/" ><span>Communities</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/guides/" ><span>Guides</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/job-board/" ><span>Job board</span></a > </li></ul> <div class="usa-nav__secondary"> <ul class="usa-nav__secondary-links"> <li class="usa-nav__secondary-item"> <a href="/subscribe" ><span>Subscribe to our newsletter</span></a > </li> </ul> <form accept-charset="UTF-8" action="https://find.digitalgov.gov/search" id="search_form" method="get" class="usa-search usa-search--small" > <input name="utf8" type="hidden" value="✓" /> <input id="affiliate" name="affiliate" type="hidden" value="digitalgov" /> <div role="search"> <label class="usa-sr-only" for="query">Search small</label> <input class="usa-input" id="query" type="search" name="query" /> <button class="usa-button" name="commit" type="submit"> <img src="/uswds/img/usa-icons-bg/search--white.svg" class="usa-search__submit-icon" alt="Search" /> </button> </div> </form> </div> </div> </nav> </header> <main role="main" id="main-content"> <section class="author-profile"> <div class="grid-container-desktop"> <header class="margin-top-5"><img class="profile" src="https://github.com/mejiaj.png?size=100" srcset=" https://www.github.com/mejiaj.png?size=200 " alt="Profile image forJames Mejia" /><div> <h1>James Mejia</h1> <div class="bio"></div> </div> </header> </div> </section> <section id="news"> <div class="grid-container-desktop"> <div class="grid-row tablet-lg:grid-gap-4"> <section class="stream"> <h2>Latest content by James Mejia</h2> <article class="card card-event card-event--past card-linked" aria-labelledby="uswds-monthly-call-june-2021" > <div class="card-event__main"> <div class="card-event__header"><div class="flex-align-end card-event__kicker"> <span>USWDS</span> </div><h2 class="card-event__title" id="uswds-monthly-call-june-2021"> <a href="https://digital.gov/event/2021/06/17/uswds-monthly-call-june-2021/" title="USWDS Monthly Call - June 2021" rel="bookmark" >USWDS Monthly Call - June 2021</a > </h2> </div> <div class="card-event__body"><div class="card-event__summary"> In this month’s session, we’ll unpack the new pagination component—what design problem it solves, how it came to be, what the U.S. Web Design System team did to build it, and what you and your teams can do with it. </div><div class="card-event__watch-label"> <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> Watch Video </div> <div class="authors-list authors-list--inline"> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/thisisdano.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/dan-williams/ " title="Posts by Dan Williams" rel="author" aria-label="Read more articles by Dan Williams" >Dan Williams</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/mejiaj.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/james-mejia/ " title="Posts by James Mejia" rel="author" aria-label="Read more articles by James Mejia" >James Mejia</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://digital.gov/img/digit-dark.png" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/katie-kline/ " title="Posts by Katie Kline" rel="author" aria-label="Read more articles by Katie Kline" >Katie Kline</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://digital.gov/img/digit-dark.png" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/sofya-savkina/ " title="Posts by Sofya Savkina" rel="author" aria-label="Read more articles by Sofya Savkina" >Sofya Savkina</a > </div> </div> </div> </div> </div> <div class="card-event__aside"> <div class="card-event__date"> <time class="card-event__datetime" datetime="2021-06-17"> <span class="card-event__datetime-month" >Jun</span > <span class="card-event__datetime-day" >17<span class="card-event__datetime-comma">,</span> </span> <span class="card-event__datetime-year--mobile" >2021</span > </time> <span class="card-event__date-label"> <span class="card-event__datetime-year" >2021</span > </span> </div> </div> </article> <article class="card card-event card-event--past card-linked" aria-labelledby="uswds-monthly-call-march-2021" > <div class="card-event__main"> <div class="card-event__header"><div class="flex-align-end card-event__kicker"> <span>USWDS</span> </div><h2 class="card-event__title" id="uswds-monthly-call-march-2021"> <a href="https://digital.gov/event/2021/03/18/uswds-monthly-call-march-2021/" title="USWDS Monthly Call - March 2021" rel="bookmark" >USWDS Monthly Call - March 2021</a > </h2> </div> <div class="card-event__body"><div class="card-event__summary"> Join the U.S. Web Design System team as we look at what’s in USWDS 2.11.0, our latest release. </div><div class="card-event__watch-label"> <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> Watch Video </div> <div class="authors-list authors-list--inline"> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/thisisdano.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/dan-williams/ " title="Posts by Dan Williams" rel="author" aria-label="Read more articles by Dan Williams" >Dan Williams</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/mejiaj.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/james-mejia/ " title="Posts by James Mejia" rel="author" aria-label="Read more articles by James Mejia" >James Mejia</a > </div> </div> </div> </div> </div> <div class="card-event__aside"> <div class="card-event__date"> <time class="card-event__datetime" datetime="2021-03-18"> <span class="card-event__datetime-month" >Mar</span > <span class="card-event__datetime-day" >18<span class="card-event__datetime-comma">,</span> </span> <span class="card-event__datetime-year--mobile" >2021</span > </time> <span class="card-event__date-label"> <span class="card-event__datetime-year" >2021</span > </span> </div> </div> </article> <article class="card card-event card-event--past card-linked" aria-labelledby="uswds-monthly-call-september-2020" > <div class="card-event__main"> <div class="card-event__header"><h2 class="card-event__title" id="uswds-monthly-call-september-2020"> <a href="https://digital.gov/event/2020/09/17/uswds-monthly-call-september-2020/" title="USWDS Monthly Call - September 2020" rel="bookmark" >USWDS Monthly Call - September 2020</a > </h2> </div> <div class="card-event__body"><div class="card-event__summary"> Join U.S. Web Design System Product Lead, Dan Williams, as we talk about the three new components for the design system. </div><div class="card-event__watch-label"> <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> Watch Video </div> <div class="authors-list authors-list--inline"> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/thisisdano.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/dan-williams/ " title="Posts by Dan Williams" rel="author" aria-label="Read more articles by Dan Williams" >Dan Williams</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/mejiaj.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/james-mejia/ " title="Posts by James Mejia" rel="author" aria-label="Read more articles by James Mejia" >James Mejia</a > </div> </div> </div> </div> </div> <div class="card-event__aside"> <div class="card-event__date"> <time class="card-event__datetime" datetime="2020-09-17"> <span class="card-event__datetime-month" >Sep</span > <span class="card-event__datetime-day" >17<span class="card-event__datetime-comma">,</span> </span> <span class="card-event__datetime-year--mobile" >2020</span > </time> <span class="card-event__date-label"> <span class="card-event__datetime-year" >2020</span > </span> </div> </div> </article> <article class="card card-event card-event--past card-linked" aria-labelledby="uswds-monthly-call-form-components-update" > <div class="card-event__main"> <div class="card-event__header"><h2 class="card-event__title" id="uswds-monthly-call-form-components-update"> <a href="https://digital.gov/event/2020/07/16/uswds-monthly-call-july-2020/" title="USWDS Monthly Call: Form Components Update" rel="bookmark" >USWDS Monthly Call: Form Components Update</a > </h2> </div> <div class="card-event__body"><div class="card-event__summary"> For the July 2020 USWDS, Dan Williams, USWDS product lead, led a demonstration of several newly released USWDS components. </div><div class="card-event__watch-label"> <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> Watch Video </div> <div class="authors-list authors-list--inline"> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/Ben-Judy-Flexion.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/ben-judy/ " title="Posts by Ben Judy" rel="author" aria-label="Read more articles by Ben Judy" >Ben Judy</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/thisisdano.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/dan-williams/ " title="Posts by Dan Williams" rel="author" aria-label="Read more articles by Dan Williams" >Dan Williams</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/mejiaj.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/james-mejia/ " title="Posts by James Mejia" rel="author" aria-label="Read more articles by James Mejia" >James Mejia</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/jaredcunha.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/jared-cunha/ " title="Posts by Jared Cunha" rel="author" aria-label="Read more articles by Jared Cunha" >Jared Cunha</a > </div> </div> <div class="author usa-media-block"> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/william-bagayoko/ " title="Posts by William Bagayoko" rel="author" aria-label="Read more articles by William Bagayoko" >William Bagayoko</a > </div> </div> </div> </div> </div> <div class="card-event__aside"> <div class="card-event__date"> <time class="card-event__datetime" datetime="2020-07-16"> <span class="card-event__datetime-month" >Jul</span > <span class="card-event__datetime-day" >16<span class="card-event__datetime-comma">,</span> </span> <span class="card-event__datetime-year--mobile" >2020</span > </time> <span class="card-event__date-label"> <span class="card-event__datetime-year" >2020</span > </span> </div> </div> </article> <article class="card card-event card-event--past card-linked" aria-labelledby="uswds-monthly-call-cards-forms-and-data-visualizations" > <div class="card-event__main"> <div class="card-event__header"><h2 class="card-event__title" id="uswds-monthly-call-cards-forms-and-data-visualizations"> <a href="https://digital.gov/event/2020/05/21/uswds-monthly-call-may-2020/" title="USWDS Monthly Call - Cards, Forms, and Data Visualizations" rel="bookmark" >USWDS Monthly Call - Cards, Forms, and Data Visualizations</a > </h2> </div> <div class="card-event__body"><div class="card-event__summary"> The May 2020 USWDS monthly call revisited the design system’s card and forms components. Speakers also paid special attention to data visualization. </div><div class="card-event__watch-label"> <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> Watch Video </div> <div class="authors-list authors-list--inline"> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/Ben-Judy-Flexion.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/ben-judy/ " title="Posts by Ben Judy" rel="author" aria-label="Read more articles by Ben Judy" >Ben Judy</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/thisisdano.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/dan-williams/ " title="Posts by Dan Williams" rel="author" aria-label="Read more articles by Dan Williams" >Dan Williams</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/mejiaj.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/james-mejia/ " title="Posts by James Mejia" rel="author" aria-label="Read more articles by James Mejia" >James Mejia</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/jaredcunha.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/jared-cunha/ " title="Posts by Jared Cunha" rel="author" aria-label="Read more articles by Jared Cunha" >Jared Cunha</a > </div> </div> <div class="author usa-media-block"> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/william-bagayoko/ " title="Posts by William Bagayoko" rel="author" aria-label="Read more articles by William Bagayoko" >William Bagayoko</a > </div> </div> </div> </div> </div> <div class="card-event__aside"> <div class="card-event__date"> <time class="card-event__datetime" datetime="2020-05-21"> <span class="card-event__datetime-month" >May</span > <span class="card-event__datetime-day" >21<span class="card-event__datetime-comma">,</span> </span> <span class="card-event__datetime-year--mobile" >2020</span > </time> <span class="card-event__date-label"> <span class="card-event__datetime-year" >2020</span > </span> </div> </div> </article> </section> </div> <div class="dg-see-all-footer"> <footer> <a class="btn" href="/news" title=""> <span>See all News</span> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" role="img" > <use xlink:href="/uswds/img/sprite.svg#arrow_forward" ></use> </svg> </a> <p> Have a case study to share? Did your team recently launch something?<br /><a href="mailto:digitalgov@gsa.gov" ><strong>Send us an email</strong></a > </p> </footer> </div> </div> </section> </main> <section id="newsletter-signup" aria-label="Subscribe to the Digital.gov newsletter" > <div class="grid-container grid-container-desktop"> <div class="grid-row tablet-lg:grid-gap-6"> <div class="grid-col-12 tablet:grid-col-7"> <section class="usa-sign-up"> <p class="blurb" id="newsletter-subscribe-description"> <strong>Join 18,000 others in government</strong> and subscribe to our newsletter — a round-up of the best digital news in government and across our field. </p> </section> </div> <div class="grid-col-12 tablet:grid-col-5"> <section class="usa-sign-up" aria-describedby="newsletter-subscribe-description" > <script src="https://public.govdelivery.com/assets/Signup.js" data-account-code="USGSA" data-signup-id="34948" ></script> </section> </div> </div> </div> </section> <footer class="usa-footer usa-footer--big" role="contentinfo"> <section class="return-to-top"> <div class="grid-container grid-container-desktop usa-footer__return-to-top" > <a href="#"> <span>Return to top</span> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#arrow_upward" ></use> </svg> </a> </div> </section> <div class="usa-footer__primary-section"> <div class="grid-container grid-container-desktop"> <nav class="usa-footer__nav" aria-label="Footer navigation"> <div class="grid-row grid-gap-4"> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Learn</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/news/">Blogs</a> </li><li class="usa-footer__secondary-link"> <a href="/events/">Events</a> </li><li class="usa-footer__secondary-link"> <a href="/resources/">Resources</a> </li><li class="usa-footer__secondary-link"> <a href="/communities/">Communities</a> </li><li class="usa-footer__secondary-link"> <a href="/guides/">Guides</a> </li><li class="usa-footer__secondary-link"> <a href="/job-board/">Job board</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Contribute</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/contribute/">Write for us</a> </li><li class="usa-footer__secondary-link"> <a href="/digitalgov-university/">Host an event</a> </li><li class="usa-footer__secondary-link"> <a href="https://github.com/GSA/digitalgov.gov/issues">Submit GitHub issue</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">About</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/about/">About Us</a> </li><li class="usa-footer__secondary-link"> <a href="/policies/">Site Policies</a> </li><li class="usa-footer__secondary-link"> <a href="/about/contact/">Contact Us</a> </li><li class="usa-footer__secondary-link"> <a href="/about/manage-content/">Content schedule</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Social</h4> <ul class="usa-list usa-list--unstyled social-links"> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#x" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://twitter.com/digital_gov" >X (Formerly Twitter)</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#facebook" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://www.facebook.com/digitalgov/" >Facebook</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://youtube.com/@DigitalGov" >YouTube</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#linkedin" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://www.linkedin.com/company/digitalgov-gsa/" >LinkedIn</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#rss_feed" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="/index.xml" >RSS</a > </li> </ul> </section> </div> </div> </nav> </div> </div> </footer> <div class="usa-identifier"> <section class="usa-identifier__section usa-identifier__section--masthead" aria-label="Agency identifier" > <div class="usa-identifier__container"> <div class="usa-identifier__logos"> <a href="https://www.gsa.gov" class="usa-identifier__logo"> <img class="usa-identifier__logo-img" src="/img/gsa-logo-w100.png" alt="GSA logo" role="img" width="100" height="100" /> </a> </div> <section class="usa-identifier__identity" aria-label="Agency description" > <p class="usa-identifier__identity-domain">Digital.gov</p> <p class="usa-identifier__identity-disclaimer"> An official website of the <a href="https://www.gsa.gov">U.S. General Services Administration</a> </p> </section> </div> </section> <nav class="usa-identifier__section usa-identifier__section--required-links" aria-label="Important links" > <div class="usa-identifier__container"> <ul class="usa-identifier__required-links-list"> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/about-us" class="usa-identifier__required-link usa-link" > About GSA </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/accessibility-statement" class="usa-identifier__required-link usa-link" > Accessibility statement </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/freedom-of-information-act-foia" class="usa-identifier__required-link usa-link" > FOIA requests </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/civil-rights-programs/the-no-fear-act" class="usa-identifier__required-link usa-link" > No FEAR Act data </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsaig.gov/" class="usa-identifier__required-link usa-link" > Office of the Inspector General </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/reports/budget-performance" class="usa-identifier__required-link usa-link" > Performance reports </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/website-policies" class="usa-identifier__required-link usa-link" > Privacy policy </a> </li> </ul> </div> </nav> <section class="usa-identifier__section usa-identifier__section--usagov" aria-label="U.S. government information and services" > <div class="usa-identifier__container"> <div class="usa-identifier__usagov-description"> Looking for U.S. government information and services? </div> <a href="https://www.usa.gov/" class="usa-link"> Visit USA.gov </a> </div> </section> </div> </div> <div id="clicks_iframe" class="display-none"></div> </body> <script type="text/javascript">let glossaryPath = null; const glossaryIcon = "\/uswds\/img\/sprite.svg#expand_more" </script> <script src="https://digital.gov/dist/js/uswds.min.js"></script> <script src="https://digital.gov/dist/js/main.js"></script> </html>

CINXE.COM

Digital.gov — Guidance on building better digital services in government