Create Accessible Digital Products

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="robots" content="index, follow">  <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Create Accessible Digital Products | Section508.gov</title> <meta property="og:title" content="Section508.gov"> <meta name="description" content="Information about the Section508.gov website, GSA’s Government-wide IT Accessibility Team, and guidance to Federal agencies on accessible information and communication technology (ICT)."> <meta property="og:description" content="Information about the Section508.gov website, GSA’s Government-wide IT Accessibility Team, and guidance to Federal agencies on accessible information and communication technology (ICT)."> <meta property="og:image" content="https://assets.section508.gov/files/images/social-media-og-image.jpg"> <meta name="twitter:image" content="https://assets.section508.gov/files/images/social-media-og-image.jpg" />  <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@" /> <meta name="twitter:title" content="Section508.gov" /> <meta name="twitter:description" content="Information about the Section508.gov website, GSA’s Government-wide IT Accessibility Team, and guidance to Federal agencies on accessible information and communication technology (ICT)." /> <meta property="og:type" content="article"> <link rel="canonical" href="https://www.section508.gov/create/" /> <meta property="og:url" content="https://www.section508.gov/create/" />   <link rel="shortcut icon" type="image/ico" href="/assets/images/favicon.ico" /> <link rel="icon" type="image/png" href="/assets/images/favicon.ico" /> <link rel="icon" type="image/png" sizes="192x192" href="/assets/images/android-chrome-192x192.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png" /> <link rel="manifest" href="/assets/images/site.webmanifest" />  <link rel="stylesheet" type="text/css" href="/assets/css/index.css?1732224641581990839"> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="/assets/js/uswds-init.min.js?1732224641581990839"></script>  <meta name="topic" content="Content creation (create)"> <meta name="sub-topic" content="Various Electronic Content (i.e. Multiple)"> <meta name="audience" content="Federal employee (fedemp), Public (public), Designer (design)"> <meta name="resource-type" content="Process/How-to"> <meta name="format" content="HTML (html)"> </head> <body> <section aria-label="Official Government Site Banner" class="page-landing-page layout-demo "> <a class="usa-skipnav" href="#main-content">Skip to secondary navigation</a> <a class="usa-skipnav" href="#content-section">Skip to main content</a> <div class="usa-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="/assets/img/us_flag_small.png" alt="U.S. flag" /> </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" > <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" hidden="" > <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="/assets/img/icon-dot-gov.svg" role="img" alt="Dot gov" 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="/assets/img/icon-https.svg" role="img" alt="Https" 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 icon</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> </div> <button id="backtotop" title="Go to top" style="display: none">˄ Top</button> <div class="usa-overlay"></div> </section> <header class="usa-header usa-header--extended" role="banner"> <div class="usa-navbar"> <div class="usa-logo" id="extended-logo"> <span><a href="/" onclick="return navigate(this)"> <img src="/assets/images/508-logo-cropped-web-altgreen.png" alt="Section508.gov Home; GSA logo with text: Section508.gov Buy. Build. Be Accessible." class="logo" /> </a></span> </div> <button class="usa-menu-btn">Menu</button> </div> <nav id="site-nav" role="navigation" class="usa-nav" aria-label="Primary Site Navigation"> <div class="usa-nav__inner"> <button class="usa-nav__close"><img alt="close" src="/assets/img/close.svg"></button> <ul class="usa-nav__primary usa-accordion"> <li class="usa-nav__primary-item"> <a aria-label="Policy & Management primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/manage/"><span>Policy & Management</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Acquisition primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/buy-sell/"><span>Acquisition</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Content Creation primary navigation" class="usa-nav__link usa-current" onclick="return navigate(this)" href="/create/"><span>Content Creation</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Design & Develop primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/develop/"><span>Design & Develop</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Testing primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/test/"><span>Testing</span></a> </li> <li class="usa-nav__primary-item"> <a aria-label="Training, Tools & Events primary navigation" class="usa-nav__link" onclick="return navigate(this)" href="/training/"><span>Training, Tools & Events</span></a> </li> </ul> <div class="usa-nav__secondary"> <ul class="usa-nav__secondary-links"> <li class="usa-nav__secondary-item"> <a href="/blog/" class="external-link" onclick="return navigate(this)">Blogs & Updates</a> </li> <li class="usa-nav__secondary-item"> <a href="/tools/program-manager-listing/" class="external-link" onclick="return navigate(this)">My Agency’s 508 PM</a> </li> <li class="usa-nav__secondary-item"> <a href="/content/about-us/" class="external-link" onclick="return navigate(this)">About Us</a> </li> </ul> <form id="search_form" class="usa-search usa-search--small" action="https://search.usa.gov/search" accept-charset="UTF-8" method="get"> <input name="utf8" type="hidden" value="✓" /> <input name="affiliate" type="hidden" value="gsa-section508-accessibility" /> <div role="search"> <label class="usa-sr-only" for="extended-search-field-small">Search</label> <input class="usa-input usagov-search-autocomplete" id="extended-search-field-small" type="search" name="query" autocomplete="off"> <button class="usa-button primary-background-color" type="submit"><img src="/assets/img/usa-icons-bg/search--white.svg" class="usa-search__submit-icon" alt="Search" /></button> </div> </form> </div> </div> </nav> </header> <section aria-label="Page Banner" class="usa-graphic-list usa-section sml-margin bg-gradient landing-page-banner"> <div class="grid-container"> <div class="grid-row grid-gap"> <div class="tablet: grid-col"> <span class="banner-title-color font-sans-lg margin-bottom-0"> Content Creation </span> <br /> <h1 class="text-white font-sans-xl margin-top-0 margin-bottom-0"> Create Accessible Digital Products </h1> </div> </div> </div> </section> <div id="main-content" class="usa-layout-docs usa-section"> <div class="grid-container"> <div class="grid-row grid-gap"> <aside class="usa-layout-docs__sidenav desktop:grid-col-3 padding-bottom-4"> <nav id="sec-nav" aria-label="Secondary Navigation"> <ul class="usa-sidenav menu"><li class="usa-sidenav__item"> <a href="/create/" class="active usa-current" >Content Creation</a> </li><li class="usa-sidenav__item list "> <a href="javascript:void(0);" class="header-menu-text" aria-label="Create a Document - Submenu" aria-expanded="false">Create a Document</a> <ul class="usa-sidenav__sublist items"><li class="usa-sidenav__item "> <a href="/create/documents/">Create Accessible Documents</a> </li><li class="usa-sidenav__item "> <a href="/create/documents/authoring-guides/">Authoring Guides</a> </li><li class="usa-sidenav__item "> <a href="/create/documents/#tips">Tips and Tricks</a> </li><li class="usa-sidenav__item "> <a href="/create/documents/training-videos/">Video Training</a> </li></ul> </li><li class="usa-sidenav__item list "> <a href="javascript:void(0);" class="header-menu-text" aria-label="Create a Presentation - Submenu" aria-expanded="false">Create a Presentation</a> <ul class="usa-sidenav__sublist items"><li class="usa-sidenav__item "> <a href="/create/presentations/authoring-guides/">Authoring Guides</a> </li><li class="usa-sidenav__item "> <a href="/create/presentations/">Tips and Tricks</a> </li><li class="usa-sidenav__item "> <a href="/create/presentations/training-videos/">Video Training</a> </li></ul> </li><li class="usa-sidenav__item list "> <a href="javascript:void(0);" class="header-menu-text" aria-label="Create a Spreadsheet - Submenu" aria-expanded="false">Create a Spreadsheet</a> <ul class="usa-sidenav__sublist items"><li class="usa-sidenav__item "> <a href="/create/spreadsheets/authoring-guides/">Authoring Guides</a> </li><li class="usa-sidenav__item "> <a href="/create/spreadsheets/">Tips and Tricks</a> </li><li class="usa-sidenav__item "> <a href="/create/spreadsheets/training-videos/">Video Training</a> </li></ul> </li><li class="usa-sidenav__item list "> <a href="javascript:void(0);" class="header-menu-text" aria-label="Create a PDF - Submenu" aria-expanded="false">Create a PDF</a> <ul class="usa-sidenav__sublist items"><li class="usa-sidenav__item "> <a href="/create/pdfs/authoring-guides/">Authoring Guides</a> </li><li class="usa-sidenav__item "> <a href="/create/pdfs/common-tags-and-usage/">Tags and Their Usage</a> </li><li class="usa-sidenav__item "> <a href="/create/pdfs/">Tips and Tricks</a> </li><li class="usa-sidenav__item "> <a href="/create/pdfs/training-videos/">Video Training</a> </li></ul> </li><li class="usa-sidenav__item list "> <a href="javascript:void(0);" class="header-menu-text" aria-label="Audio & Video - Submenu" aria-expanded="false">Audio & Video</a> <ul class="usa-sidenav__sublist items"><li class="usa-sidenav__item "> <a href="/create/audio-video/">Audio- and Video-Only</a> </li><li class="usa-sidenav__item "> <a href="/create/captions-transcripts/">Captions & Transcripts</a> </li><li class="usa-sidenav__item "> <a href="/create/synchronized-media/">Synchronized Media</a> </li></ul> </li><li class="usa-sidenav__item"> <a href="/create/alternative-text/" >Alternative Text</a> </li><li class="usa-sidenav__item"> <a href="/create/electronic-signatures/" >Electronic Signatures</a> </li><li class="usa-sidenav__item"> <a href="/create/email-messages/" >Email Messages</a> </li><li class="usa-sidenav__item"> <a href="/create/accessible-equations-formulas/" >Equations and Formulas</a> </li><li class="usa-sidenav__item"> <a href="/create/accessible-meetings/" >Meetings</a> </li><li class="usa-sidenav__item"> <a href="/create/social-media/" >Social Media</a> </li></ul> </nav> </aside> <main class="usa-layout-docs__main desktop:grid-col-9" id="content-section"> <div class="usa-graphic-list"> <p><span class="font-body-lg text-bold">"Remediation is rework, and rework is waste."<br /></span><span class="font-body-xs">– BRANDON JUBAR  |  SECTION 508 PROGRAM MANAGER at THE DEPARTMENT OF LABOR</span><br /><hr /></p> <p> Federal agencies are responsible for ensuring their information and services are accessible to persons with disabilities. The <a href="https://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-ict-refresh/final-rule">Revised 508 Standards</a> include not just IT tools and systems, but electronic content such as documents, web pages, presentations, social media content, blogs, and certain emails. </p> <section id="create-cards" class="usa-section"> <ul class="usa-card-group"> <li class="usa-card tablet:grid-col-4 widescreen:grid-col-4"> <div class="usa-card__container"> <div class="usa-card__header"> <h2 class="usa-card__heading font-family-sans"><a href="/create/documents/">Documents</a></h2> </div> <div class="usa-card__media"> <div class="usa-card__img"> <img src="https://assets.section508.gov/files/images/thumb-create-doc.jpg" alt="" aria-hidden="true" /> </div> </div> <div class="usa-card__body"> <p>Learn how to create accessible Microsoft Word documents that conform to the Revised 508 Standards.</p> </div> </div> </li> <li class="usa-card tablet:grid-col-4 widescreen:grid-col-4"> <div class="usa-card__container"> <div class="usa-card__header"> <h2 class="usa-card__heading font-family-sans"><a href="/create/presentations/">Presentations</a></h2> </div> <div class="usa-card__media"> <div class="usa-card__img"> <img src="https://assets.section508.gov/files/images/thumb-create-slide.jpg" alt="" aria-hidden="true" /> </div> </div> <div class="usa-card__body"> <p>Create accessible Microsoft Powerpoint presentations.</p> </div> </div> </li> <li class="usa-card tablet:grid-col-4 widescreen:grid-col-4"> <div class="usa-card__container"> <div class="usa-card__header"> <h2 class="usa-card__heading font-family-sans"><a href="/create/spreadsheets/">Spreadsheets</a></h2> </div> <div class="usa-card__media"> <div class="usa-card__img"> <img src="https://assets.section508.gov/files/images/thumb-create-sheet.jpg" alt="" aria-hidden="true" /> </div> </div> <div class="usa-card__body"> <p>Create accessible Microsoft Excel spreadsheets.</p> </div> </div> </li> <li class="tablet:grid-col-4 usa-card"> <div class="usa-card__container radius-md"> <header class="usa-card__header"> <h2 class="usa-card__heading font-family-sans"><a href="/create/pdfs/">PDFs</a></h2> </header> <div class="usa-card__body"> <p>Create accessible Portable Document Format (PDF) documents that conform to the Revised 508 Standards.</p> </div> </div> </li> <li class="tablet:grid-col-4 usa-card"> <div class="usa-card__container radius-md"> <header class="usa-card__header"> <h2 class="usa-card__heading font-family-sans">Audio, Video, and Social Media</h2> </header> <div class="usa-card__body"> <p><a href="/create/audio-video/">Create accessible audio and video media.</a></p> <p><a href="/create/social-media">Create accessible social media posts.</a></p> </div> </div> </li> <li class="tablet:grid-col-4 usa-card"> <div class="usa-card__container radius-md"> <header class="usa-card__header"> <h2 class="usa-card__heading font-family-sans"><a href="/create/synchronized-media/">Synchronized Media</a></h2> </header> <div class="usa-card__body"> <p>Summary of considerations for the development of synchronized media - commonly thought of as "videos," including captions, transcripts, and audio descriptions.</p> </div> </div> </li> </ul> <ul class="usa-card-group"> <li class="tablet:grid-col-4 usa-card"> <div class="usa-card__container radius-md"> <header class="usa-card__header"> <h2 class="usa-card__heading font-family-sans"><a href="/create/electronic-signatures/">Electronic Signatures</a></h2> </header> <div class="usa-card__body"> <p>Electronic signatures digitally validate or acknowledge PDF documents, online forms, or specialized e-signature software.</p> </div> </div> </li> <li class="tablet:grid-col-4 usa-card"> <div class="usa-card__container radius-md"> <header class="usa-card__header"> <h2 class="usa-card__heading font-family-sans"><a href="/create/software-websites/">Software & Websites</a></h2> </header> <div class="usa-card__body"> <p>Learn how the Revised 508 standards apply to software applications, web content, operating systems, and more.</p> </div> </div> </li> <li class="tablet:grid-col-4 usa-card"> <div class="usa-card__container radius-md"> <header class="usa-card__header"> <h2 class="usa-card__heading font-family-sans"><a href="/create/universal-design/">Universal Design</a></h2> </header> <div class="usa-card__body"> <p>Read more about the concept of universal design and how to apply it to federal agencies and products.</p> </div> </div> </li> </ul> </section> </div> </main> </div> </div> </div> <footer class="usa-footer__primary-section"> <div class="grid-container"> <div class="grid-row grid-gap padding-bottom-4"> <div class="desktop:grid-col-4"> <p class="text-bold">Government-wide Initiatives</p> <ul class="add-list-reset line-height-sans-6"> <li> <a href="https://www.gsa.gov/technology/government-it-initiatives/digital-strategy" target="_blank" onclick="return navigate(this)">Digital Strategy</a></li> <li> <a href="https://www.plainlanguage.gov/" target="_blank" onclick="return navigate(this)">Plain Language </a></li> <li> <a href="https://designsystem.digital.gov/" target="_blank" onclick="return navigate(this)"> U.S. Web Design System </a></li> <li> <a href="https://www.cio.gov/about/members-and-leadership/accessibility-cop/" target="_blank" onclick="return navigate(this)"> CIO Council Accessibility Community of Practice (ACOP)</a></li> </ul> </div> <div class="desktop:grid-col-2"> <p class="text-bold">Organization</p> <ul class="add-list-reset line-height-sans-6"> <li> <a href="/about-us/" aria-label="About Us in Organization" onclick="return navigate(this)"> About Us</a></li> <li> <a aria-label="Contact Us details" href="/contact-us/" onclick="return navigate(this)"> Contact Us</a></li> <li><a href="/contributors/" aria-label="Section508.gov site Contributors" onclick="return navigate(this)"> Contributors</a></li> </ul> </div> <div class="desktop:grid-col-3"> <p class="text-bold">Tools</p> <ul class="add-list-reset line-height-sans-6"> <li> <a href="/art/" aria-label="Accessibility Requirements Tool" onclick="return navigate(this)"> ART</a></li> <li> <a href="/buy/solicitation-review-tool" aria-label="Solicitation Review Tool" onclick="return navigate(this)"> SRT</a></li> <li> <a href="/content/guide-accessible-web-design-development" onclick="return navigate(this)"> Developer Guide</a></li> <li> <a href="https://digitaldashboard.gov/" target="_blank" onclick="return navigate(this)"> DigitalDashboard.gov</a></li> <li> <a href="https://analytics.usa.gov/" target="_blank" onclick="return navigate(this)"> Analytics.usa.gov</a></li> </ul> </div> <div class="desktop:grid-col-3"> <p class="text-bold">Resources</p> <ul class="add-list-reset line-height-sans-6"> <li> <a href="/content/glossary" aria-label="Glossary for Section508" onclick="return navigate(this)"> Glossary</a></li> <li> <a href="/website-policies" onclick="return navigate(this)"> Website Policies</a></li> <li> <a href="/tools/program-manager-listing/" onclick="return navigate(this)"> Find Your Section 508 Program Manager</a></li> <li><a href="/manage/join-the-508-community/" onclick="return navigate(this)">Join the Community(Listserv)</a></li> </ul> </div> </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://gsa.gov" class="usa-identifier__logo" onclick="return navigate(this)"> <img class="usa-identifier__logo-img" alt="General Services Administration Logo" src="/assets/images/logos/gsa-logo.png"> </a> </div> <div class="usa-identifier__identity"> <p class="usa-identifier__identity-domain">Section508.gov</p> <p class="usa-identifier__identity-disclaimer"> An official website of the <a href="https://www.gsa.gov/" onclick="return navigate(this)">General Services Administration</a> </p> </div> </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" onclick="return navigate(this)">About GSA</a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/accessibility-aids" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">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" onclick="return navigate(this)">FOIA requests</a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/civil-rights-programs/notification-and-federal-employee-antidiscrimination-and-retaliation-act-of-2002" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">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" onclick="return navigate(this)">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" onclick="return navigate(this)">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" onclick="return navigate(this)">Privacy policy</a> </li> <li class="usa-identifier__required-links-item"> <a href="/website-policies/#reuse-and-copyright" class="usa-identifier__required-link usa-link" onclick="return navigate(this)">Reuse and Copyright</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" onclick="return navigate(this)">Visit USA.gov</a> </div> </section> </div>  <script id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA"></script> <script src="/assets/js/uswds.min.js?1732224641581990839"></script> <script src="/assets/js/app.js?1732224641581990839"></script> <script> $(document).ready(function(){ // Check if the user already dismissed alert banner if (window.localStorage.getItem('dismiss_alert')) { $('#alert_banner').hide(); } $("#dismiss_alert").click(function(){ // Save on LocalStorage window.localStorage.setItem('dismiss_alert', true); $('#alert_banner').hide(); }); }); </script> </body> </html>

CINXE.COM

Create Accessible Digital Products | Section508.gov