{"id":1013,"date":"2026-04-09T22:38:37","date_gmt":"2026-04-09T16:38:37","guid":{"rendered":"https:\/\/www.ssec.wisc.edu\/researchsupport\/?page_id=1013"},"modified":"2026-05-12T00:50:56","modified_gmt":"2026-05-11T18:50:56","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/www.ssec.wisc.edu\/researchsupport\/accessibility\/","title":{"rendered":"Digital Accessibility"},"content":{"rendered":"\n<div class=\"wp-block-group ssec-two-cols-with-sidebar\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">About Digital Accessibility<\/h3>\n\n\n\n<p>Digital accessibility is a series of practices that can make content available to more people. This means designing websites, documents, and tools so more people can use them effectively. By increasing accessibility, we can improve usability for everyone and reduce barriers.<\/p>\n\n\n\n<p>Digital accessibility guidelines apply to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Website content and web forms<\/li>\n\n\n\n<li>Software, apps, and mobile apps<\/li>\n\n\n\n<li>Multimedia (i.e. videos and gifs)<\/li>\n\n\n\n<li>Social media posts<\/li>\n\n\n\n<li>Blogs<\/li>\n\n\n\n<li>Course content<\/li>\n\n\n\n<li>Employee work tools, databases, systems, and internal documentation<\/li>\n\n\n\n<li>Emails<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Why Now?<\/h3>\n\n\n\n<p>New laws have been passed at the federal level that have led to UW&#8217;s emphasis on accessibility across campus. However, accessibility has always been important, and the new laws are viewed as an opportunity to improve our web design process, become more educated about accessibility, and clean up material that is no longer needed.<\/p>\n\n\n\n<p>Keep in mind the 3 Rs when evaluating digital accessibility:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Remove<\/strong> content that is no longer relevant.<\/li>\n\n\n\n<li><strong>Remediate<\/strong> older content as you have time, focusing on high-impact materials first.<\/li>\n\n\n\n<li><strong>Right<\/strong> first: when creating anything new, design it with accessibility in mind to avoid spending more time on remediation later.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group side-col\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group side-bar\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">More Questions?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Email us at <a href=\"mailto:accessibility@ssec.wisc.edu\">accessibility@ssec.wisc.edu<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Campus and Federal Resources<\/h3>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-black-color has-pale-cyan-blue-background-color has-text-color has-background has-link-color has-medium-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/accessible.wisc.edu\/digital\/\" style=\"border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px\">Digital Accessibility @ UW-Madison<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-black-color has-pale-cyan-blue-background-color has-text-color has-background has-link-color has-medium-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/www.ada.gov\/resources\/2024-03-08-web-rule\/\" style=\"border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px\">Federal Digital Accessibility Fact Sheet<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Digital Accessibility Tips and Resources<\/h3>\n\n\n<div class=\"alignnone\"><style>#sp-ea-1023 .spcollapsing { height: 0; overflow: hidden; transition-property: height;transition-duration: 300ms;}#sp-ea-1023.sp-easy-accordion>.sp-ea-single {margin-bottom: 10px; border: 1px solid #e2e2e2; }#sp-ea-1023.sp-easy-accordion>.sp-ea-single>.ea-header a {color: #444;}#sp-ea-1023.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {background: #fff; color: #444;}#sp-ea-1023.sp-easy-accordion>.sp-ea-single {background: #eee;}#sp-ea-1023.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon { float: left; color: #444;font-size: 16px;}<\/style><div id=\"sp_easy_accordion-1775765468\"><div id=\"sp-ea-1023\" class=\"sp-ea-one sp-easy-accordion\" data-ea-active=\"ea-click\" data-ea-mode=\"vertical\" data-preloader=\"\" data-scroll-active-item=\"\" data-offset-to-scroll=\"0\"><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10230\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10230\" aria-controls=\"collapse10230\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Easy First Steps and Tools<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10230\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10230\"> <div class=\"ea-body\"><h5><strong>How does WordPress support accessibility?<\/strong><\/h5><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">WordPress does most of the work for you &#8212; it makes managing accessible web content easier.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The SSEC Communications Team strongly recommends migrating your websites to WordPress &#8212; there are other benefits besides accessibility.<\/span><\/li><\/ul><p>&nbsp;<\/p><h5><strong>Websites and guides for getting started<\/strong><\/h5><ul><li>UW-Madison&#8217;s <a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/fundamentals\/\">Digital Accessibility Fundamentals<\/a>.<\/li><li><a href=\"https:\/\/support.microsoft.com\/en-us\/office\/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d\">Creating accessible documents in Microsoft Word<\/a> guide.<\/li><li><a href=\"https:\/\/support.microsoft.com\/en-us\/office\/accessibility-best-practices-with-excel-spreadsheets-6cc05fc5-1314-48b5-8eb3-683e49b3e593\">Creating accessible spreadsheets in Microsoft Excel<\/a> guide.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Tools<\/strong><\/h5><ul><li>UW-Madison&#8217;s <a href=\"https:\/\/it.wisc.edu\/wp-content\/uploads\/Digital-Accessibility-Fundamentals-Checklist-1.pdf\">Make It Accessible basic checklist<\/a>.<\/li><li><a href=\"https:\/\/it.wisc.edu\/services\/grackle-workspace-free-accessibility-checker\/\">Grackle Workspace<\/a>, a free accessibility checker extension for Google Docs, Google Slides, and Google Sheets available to all at UW-Madison.<\/li><li>axe DevTools &#8211; Web Accessibility Testing: browser extension available on <a href=\"https:\/\/chromewebstore.google.com\/detail\/axe-devtools-web-accessib\/lhdoppojpmngadmnindnejefpokejbdd\">Chrome<\/a> and on <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/axe-devtools\/\">Firefox<\/a>.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10231\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10231\" aria-controls=\"collapse10231\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Text and Background<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10231\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10231\"> <div class=\"ea-body\"><h5><strong>Font choice and size<\/strong><\/h5><ul><li>Use sans serif fonts when you choose custom fonts. Arial and Calibri are good examples of sans serif fonts. Using the default font is often preferable.<\/li><li>Keep text size large. &#8220;Point&#8221; is not a standard measurement of size and can vary by font, so use good judgment. Usually, 12 is a good minimum point size. In presentations, use larger font sizes to allow visibility from a distance.<\/li><li>Don&#8217;t mix and match fonts too much, as this can be hard to read. Use a maximum of three fonts, and preferably fewer.<\/li><li>Avoid all caps text. When all of the letters are the same height, it can be harder to distinguish them.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Color and contrast<\/strong><\/h5><ul><li>When possible, keep body text the default dark color (black or dark gray) on light backgrounds.<\/li><li>If choosing other text or background colors, ensure that they meet the 4.5:1 contrast ratio requirement using the <a href=\"https:\/\/accessibleweb.com\/color-contrast-checker\/\">Accessible Web<\/a> or <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">WebAIM<\/a> contrast checkers.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/fundamentals\/text-styling\/\">UW-Madison&#8217;s Make It Accessible Text Styling<\/a> guide.<\/li><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/fundamentals\/color-contrast\/\">UW-Madison&#8217;s Make It Accessible Color Contrast<\/a> guide.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10232\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10232\" aria-controls=\"collapse10232\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Images and Alternative Text<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10232\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10232\"> <div class=\"ea-body\"><h5><strong>What is alt text?<\/strong><\/h5><p>Alternative text (&#8220;alt text&#8221;) is a short written description of non-text elements. Its purpose is to communicate the &#8220;what&#8221; and the &#8220;why&#8221; of images. Adaptive technology, like<a href=\"https:\/\/www.afb.org\/blindness-and-low-vision\/using-technology\/assistive-technology-products\/screen-readers\"> screen readers,<\/a> read alt text aloud to blind and low-vision users as they navigate websites. Alt text is also displayed when an image fails to load. All pictorial elements, including photographs, pictures, icons, logos, graphs, infographics, and more should have alt text.<\/p><p>&nbsp;<\/p><h5><strong>Alt text or caption?<\/strong><\/h5><p>Alt text is <strong>not<\/strong> the same as a caption. Captions provide information about an image to all users; it can be read visually, and is read aloud by adaptive technology. Alt text, on the other hand, describes the contents of visual elements to users who cannot see them. Therefore, alt text should communicate information that is <strong>only<\/strong> available in the image, so as to not create a repetitive experience for people using screen readers.<\/p><p>&nbsp;<\/p><h5><strong>Interactive images<\/strong><\/h5><p>When using an image as an interactive &#8220;button&#8221; to link to another page, the image should have alt text that describes\u00a0<strong>the destination page or action<\/strong>, not the visual.<\/p><p>For interactive visuals like mapping tools or satellite information that changes quickly, it may not be possible to make the visual totally acceptable. Make a statement somewhere on the page or linked to the page acknowledging that the page is inaccessible, explaining why it is not possible to make it so, and providing a contact for users to reach out to if they need to discuss accessibility options (for example, receiving the raw data files leading to the interactive visual).<\/p><p>&nbsp;<\/p><h5><strong>Best practices<\/strong><\/h5><ul><li>When writing alt text, think about what the purpose of your image is: why is it here, and what information does it offer that would be helpful for someone who can&#8217;t see it?<\/li><li>Keep alt text to 150 characters or fewer to avoid overwhelming users with screen readers.<\/li><li>Don&#8217;t start alt text with &#8220;image of,&#8221; &#8220;photograph of,&#8221; or &#8220;screenshot of&#8221; unless that detail is essential. Screen readers inform users that they are reading alt text for an image before doing so, and low-vision users or those with poor internet connections can often tell that they are looking at an image, so this information is redundant. However, if describing, for example, a satellite image, beginning your alt text with &#8220;satellite image of&#8221; may communicate important context.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Alt text example related to SSEC work<\/strong><\/h5><p>Consider the following image:<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1040 size-medium\" src=\"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/SuomiCornfield-300x216.jpg\" alt=\"In a cornfield, Verner Suomi and four other white men in suits huddle around a large, boxy scientific instrument.\" width=\"300\" height=\"216\" srcset=\"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/SuomiCornfield-300x216.jpg 300w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/SuomiCornfield-768x554.jpg 768w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/SuomiCornfield.jpg 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p><p>For this post, I wrote the following alt text: &#8220;In a cornfield, Verner Suomi and four other white men in suits huddle around a large, boxy scientific instrument.&#8221; However, many other contexts are possible. In a post about Verner Suomi&#8217;s scientific accomplishments, I might say &#8220;Verner Suomi, Robert Parent, and three unidentified scientists stand in a cornfield with the net-flux radiometer, a boxy instrument connected to smaller electronic components with wires.&#8221; In a post about corn, I could write &#8220;Five white men stand around scientific equipment in a field of dent corn slightly taller than their heads. Tassles are visible on corn heads.&#8221; Consider the unique context that each alt text conveys, and when you might use each one.<\/p><p>&nbsp;<\/p><h5><strong>Note on using the names of scientific instruments<\/strong><\/h5><p>When describing images of scientific instruments, such as the net-flux radiometer pictured above, context is especially important. If your intended audience has a frame of reference for what the scientific instrument is (for example, if they know what materials or components it is made of), using the exact name of the instrument could be appropriate. However, a more general audience may not glean any new information or context from hearing the name of the instrument.<\/p><p>A good rule of thumb is to use the exact name of the scientific instrument in the\u00a0caption, and to describe the visual appearance of the instrument in the\u00a0alt text.<\/p><p>&nbsp;<\/p><h5><strong>Adding alt text in WordPress<\/strong><\/h5><p>In WordPress, alt text can be added to images in two ways.<\/p><p>First, you can edit an image directly in a post:<\/p><ol><li>Click on the image.<\/li><li>Select the &#8220;edit&#8221; icon.<\/li><li>Type your alt text in the box labeled &#8220;Alternative Text&#8221;.<\/li><\/ol><p>Alternatively, you can add alt text to images in the WordPress media library.<\/p><ol><li>In the WordPress sidebar, navigate to the &#8220;Media&#8221; tab and click &#8220;Library&#8221;.<\/li><li>Click on the image you want to edit.<\/li><li>Type your alt text in the box labeled &#8220;Alternative Text&#8221;.<\/li><\/ol><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1041 size-medium\" src=\"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/WPEditImage-300x136.png\" alt=\"The WordPress media library image editor, with boxes to write in alternative text and a caption for an example image.\" width=\"300\" height=\"136\" srcset=\"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/WPEditImage-300x136.png 300w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/WPEditImage-1024x465.png 1024w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/WPEditImage-768x349.png 768w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/WPEditImage-1536x698.png 1536w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/WPEditImage.png 1847w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><p>For more information, check out the <a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/alternative-text\/\">UW-Madison Make It Accessible Alternative Text<\/a> page.<\/p><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10233\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10233\" aria-controls=\"collapse10233\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Headings<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10233\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10233\"> <div class=\"ea-body\"><h5><strong>What are headings?<\/strong><\/h5><p>Headings are used to organize information on a page. There are six levels of heading. These are hard-coded into the HTML of a page, and screen reader users can skip from one heading to the next of the same or different levels in order to more efficiently find information on a page.<\/p><p>&nbsp;<\/p><h5><strong>Best practices<\/strong><\/h5><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There should always be one,\u00a0<strong>and only one<\/strong>, level 1 heading (h1) on a page. <strong>In our WordPress theme, this is actually the name of the entire site, so no individual page should have an h1.<\/strong><\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If you use additional levels (h2, h3, etc.), use them in order. Don\u2019t skip from h2 to h4, for example. In our WordPress theme, the page title (not the site title) is automatically an h2, so there should be no other h2s on the page. Any additional headings should start with h3 (if you need another h2, that should be a separate page, organizationally).<\/span><\/li><li>Headings should not be used for styling, as this results in a very confusing navigational experience if you&#8217;re using a screen reader. If you want to emphasize text, consider <strong>bolding<\/strong>,\u00a0<em>using italics<\/em>, or\u00a0<span style=\"text-decoration: underline\">underlining<\/span>.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/fundamentals\/titles-and-headings\/\">UW-Madison&#8217;s Make It Accessible Titles and Headings<\/a> guide.<\/li><li><a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/page-structure\/headings\/\">W3C&#8217;s Web Accessibility Initiative Headings<\/a> guide.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10234\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10234\" aria-controls=\"collapse10234\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Links<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10234\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10234\"> <div class=\"ea-body\"><h5><strong>Best practices<\/strong><\/h5><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Do not leave bare links (ex: <\/span><a href=\"https:\/\/www.library.wisc.edu\/\"><span style=\"font-weight: 400\"><span style=\"text-decoration: underline\">https:\/\/www.library.wisc.edu\/<\/span><\/span><\/a><span style=\"font-weight: 400\">). A screen reader will read this out letter by letter. Instead, link text should describe the link (ex: <\/span><a href=\"https:\/\/www.library.wisc.edu\/\"><span style=\"font-weight: 400\"><span style=\"text-decoration: underline\">library homepage<\/span><\/span><\/a><span style=\"font-weight: 400\">).\u00a0<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Avoid making link text things like \u201chere\u201d or \u201cclick here\u201d (ex. <\/span><a href=\"https:\/\/www.library.wisc.edu\/\"><span style=\"font-weight: 400\"><span style=\"text-decoration: underline\">click here<\/span><\/span><\/a><span style=\"font-weight: 400\"> for the library website). Some screen readers can jump from link to link for users looking for a particular link, so links should be distinct from one another and provide context as to where they lead.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links should be differentiated from other text in ways beyond just color \u2013 for example, with underlining. The default link formatting on most sites (including WordPress) should really just be left as is.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images should not have unlabelled links attached to them. If you are attaching a link to an image, make sure to give the image alt text <strong>which describes where the link will take the user<\/strong>. There is no need to say &#8220;link&#8221; in the alt text \u2013 \u00a0a screen reader will inform the user that it is a link.<\/span><\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/fundamentals\/links-buttons\/\">UW-Madison&#8217;s Make It Accessible Links and Buttons<\/a> guide.<\/li><li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/link-purpose-in-context.html\">W3C&#8217;s Web Accessibility Initiative Link Context<\/a> guide.<\/li><li><a href=\"https:\/\/webaim.org\/techniques\/hypertext\/\">WebAIM&#8217;s Links and Hypertext<\/a> guide.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10235\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10235\" aria-controls=\"collapse10235\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Lists<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10235\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10235\"> <div class=\"ea-body\"><h5><strong>Best practices<\/strong><\/h5><p>Lists are a great way to improve the usability and accessibility of a site by making information clear and organized. However, there are a few best practices to follow to maintain accessibility.<\/p><ul><li>Use an\u00a0<strong>unordered\u00a0<\/strong>or\u00a0<strong>bulleted list\u00a0<\/strong>to show a list of related items.<\/li><li>Use a\u00a0<strong>numbered list\u00a0<\/strong>to describe steps in a process or a number of parts in a whole.<\/li><li>Use the<strong> standard bullet points<\/strong> provided by the word processor or software you are using (e.g. circles and squares).<\/li><li><strong>Do not make nested lists.<\/strong> Most screen readers do not distinguish between &#8220;levels&#8221; of list indentation\/nesting, so this can be confusing. Instead of using nested lists, separate long lists into smaller lists separated by headings.<\/li><li><strong>Do not create lists with only one item.<\/strong> Rather than using a single bullet point to emphasize a point, consider\u00a0<strong>bolding<\/strong> it instead.<\/li><li><strong>Do not create lists manually<\/strong> by using the Tab key or using hyphens, numbers, or symbols as bullet points.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/fundamentals\/readability\/\">UW-Madison&#8217;s Make It Accessible Readability<\/a> guide.<\/li><li><a href=\"https:\/\/accessibility.psu.edu\/listshtml\/\">Penn State&#8217;s Lists in HTML<\/a> guide, with examples of what lists look like visually versus how they sound when read by a screen reader.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10236\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10236\" aria-controls=\"collapse10236\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Tables<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10236\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10236\"> <div class=\"ea-body\"><h5><strong>Best practices<\/strong><\/h5><p>Tables are invaluable means of conveying data, and are often good alternatives to inaccessible data displays like graphs. Screen readers communicate table information by reading out the column header, the row header, and then the value in the intersecting box.<\/p><ul><li>Ensure that your table has one heading row and one column header, formatted using the table formatting tools.<\/li><li>Provide contextual information in the caption or alt text.<\/li><li><strong>Do not use tables to visually align or arrange elements on a page<\/strong>, such as to make an image sit next to a block of text. There are WordPress block elements specifically designed to do this, such as the &#8220;row&#8221; block or the &#8220;column&#8221; block.<\/li><li><strong>Do not indicate table header rows and columns using font size or color alone.<\/strong> If you do not indicate table headers using the table formatting tools, screen readers will not read your tables properly.<\/li><li><strong>Do not merge or split cells.<\/strong> Screen readers have difficulty interpreting and communicating these changes. If your table has multiple header rows, merged cells, or another table embedded in it, split it into multiple, simpler tables.<\/li><li><strong>Do not leave table cells empty<\/strong>, especially the top-left cell.<\/li><\/ul><p>&nbsp;<\/p><h5>Further reading<\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/fundamentals\/tables\/\">UW-Madison&#8217;s Make It Accessible Table Structure<\/a> guide.<\/li><li><a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/tables\/\">W3C&#8217;s Web Accessibility Initiative Tables<\/a> tutorial.<\/li><li><a href=\"https:\/\/support.microsoft.com\/en-us\/office\/accessibility-best-practices-with-excel-spreadsheets-6cc05fc5-1314-48b5-8eb3-683e49b3e593\">Creating accessible spreadsheets in Microsoft Excel<\/a> guide.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10237\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10237\" aria-controls=\"collapse10237\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Graphs<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10237\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10237\"> <div class=\"ea-body\"><h5><strong>Best practices<\/strong><\/h5><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Use direct labeling:<\/strong> position text labels directly next to elements (e.g. lines or bars), rather than placing labels in keys.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Use texture, symbols, or patterning<\/strong>, in addition to color, to distinguish elements.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Present information in a table<\/strong> in addition to graphically.<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Using whitespace between elements<\/strong> to help those with low vision distinguish between different elements.<\/span><\/li><li style=\"font-weight: 400\"><strong>Describe the takeaways in the main text.<\/strong> A good fail safe is to always include the data in the graph (or at least a summary of the main takeaways) elsewhere in plain text. If the information in the graph is conveyed in detail elsewhere in your text, you do <strong>not<\/strong> need to give your graph an alt text, as this would be redundant.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/accessible-complex-images\/\">UW-Madison&#8217;s Accessible Complex Images<\/a> guide.<\/li><li><a href=\"https:\/\/accessibility.huit.harvard.edu\/data-viz-charts-graphs\">Harvard University&#8217;s Data Visualizations, Charts, and Graphs<\/a> guide.<\/li><li>Google Sheets is not usually a good tool for creating accessible graphs. However, Excel has many <a href=\"https:\/\/support.microsoft.com\/en-gb\/office\/change-the-shape-fill-outline-or-effects-of-chart-elements-edbc9ae5-12ef-46d0-b078-67f450a35cb9\">options for adding textures and patterns to colors<\/a>.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10238\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10238\" aria-controls=\"collapse10238\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> PDFs<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10238\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10238\"> <div class=\"ea-body\"><h5><strong>PDFs and accessibility<\/strong><\/h5><p><span style=\"font-weight: 400\">PDFs are not accessible \u201cby default\u201d. Any PDFs that currently exist on SSEC and CIMSS sites are unlikely to be accessible. <\/span><span style=\"font-weight: 400\">Adobe Acrobat cannot automatically recognize and differentiate between headings, body copy, tables, etc., which leads to the difficulties with PDF accessibility.<\/span><\/p><p>Microsoft Word\u2019s accessibility checker is a simple way to check a document before turning it into a PDF. Old PDFs can also be converted to Word Docs, edited, then re-converted to PDF. If you go this route, you should still run <a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/documents\/testing\/#microsoft-word-and-powerpoint\">basic accessibility checks<\/a> on the PDF once it is converted.<\/p><p>If you need to make a PDF accessible, you can remediate it. PDF remediation is a lengthy process. If you expect to have to do it more than once, it is worthwhile to go through the <a href=\"https:\/\/www.section508.gov\/training\/pdfs\/aed-cop-pdf03\/\">Section 508 videos on remediating PDFs<\/a> and learn how to do it. If you don&#8217;t expect to remediate more than one PDF, though, it might make more sense to try to convert the document to an accessible Word document or HTML.<\/p><p>&nbsp;<\/p><h5><strong>Optical Character Recognition<\/strong><\/h5><p>Adobe Acrobat has a built-in Optical Character Recognition (OCR) tool. This allows you to change a scanned document into a digital file. You can then save it as a text document and search, save, and edit all the text in the image. <a href=\"https:\/\/www.adobe.com\/acrobat\/guides\/what-is-ocr.html\">OCR<\/a> is an automatic and simple-to-use function in Adobe Acrobat. Just click on the &#8220;edit&#8221; button in the left-hand toolbar. OCR provides better access to PDFs for blind and visually impaired users because it enables them to read PDFs with a screen reader. Once you have performed OCR on a PDF, you will likely still need to <a href=\"https:\/\/www.section508.gov\/training\/pdfs\/aed-cop-pdf03\/\">remediate the PDF<\/a> in order to make sure it recognizes headers, tables, etc. Adobe Acrobat also has a <a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/documents\/testing\/#microsoft-word-and-powerpoint\">built-in accessibility checker<\/a>.<\/p><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/documents\/\">UW-Madison&#8217;s Make It Accessible Document Accessibility<\/a> guide.<\/li><li><a href=\"https:\/\/webaim.org\/techniques\/acrobat\/\">WebAIM&#8217;s PDF Accessibility<\/a> guide.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-10239\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse10239\" aria-controls=\"collapse10239\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Documents<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse10239\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-10239\"> <div class=\"ea-body\"><h5><strong>Web documents<\/strong><\/h5><p>Generally speaking, the content outlined in each of the previous sections apply to any web document you might create. Depending on which word processor or web document editor you use, there are various services and functions that can help you make your documents more accessible.<\/p><h6><strong>Google Docs<\/strong><\/h6><ul><li>There are <a href=\"https:\/\/support.google.com\/docs\/answer\/6199477?hl=en\">various practices you can use to make your Google Documents more accessible<\/a>.<\/li><li>In tables, Google allows you to <a href=\"https:\/\/support.google.com\/docs\/answer\/1696711?hl=en&amp;co=GENIE.Platform%3DDesktop#zippy=%2Cpin-header-rows-in-google-docs\">designate a header row for tables<\/a>, and you should always do this.<\/li><li>Google has <a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/documents\/testing\/#google-documents-and-slides\">built-in accessibility checkers<\/a> you can use to help check your work.<\/li><li>There are also third-party accessibility checkers available through the Google Workspace Marketplace. For example, <a href=\"https:\/\/workspace.google.com\/marketplace\/app\/accessibility_checker_for_docs\/452529936240\">Accessibility Checker for Docs<\/a> checks your documents against Web Content Accessibility Guidelines (WCAG).<\/li><\/ul><h6><strong>Microsoft Word<\/strong><\/h6><ul><li>There are<a href=\"https:\/\/support.microsoft.com\/en-us\/office\/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d\"> various ways to make your Microsoft Word documents more accessible<\/a>.<\/li><li>Microsoft has <a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/documents\/testing\/#microsoft-word-and-powerpoint\">built-in accessibility checkers<\/a> you can use to help check your work in Word and PowerPoint.<\/li><li>For more information about creating accessible documents with Microsoft Word, see <a href=\"https:\/\/webaim.org\/techniques\/word\/\">WebAIM&#8217;s Microsoft Word<\/a> guides.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/documents\/\">UW-Madison&#8217;s Make It Accessible Document Accessibility<\/a> guide.<\/li><li><a href=\"https:\/\/it.wisc.edu\/services\/grackle-workspace-free-accessibility-checker\/\">Grackle Workspace<\/a>, a free accessibility checker extension for Google Docs, Google Slides, and Google Sheets available to all at UW-Madison.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-102310\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse102310\" aria-controls=\"collapse102310\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Slideshows<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse102310\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-102310\"> <div class=\"ea-body\"><h5><strong>Accessibility tips for Google Slides and PowerPoint<\/strong><\/h5><p>Both Google Slides and PowerPoint contain functions which allow you to implement the accessibility guidelines outlined in the sections above, and you should strive to make these changes. Both Google Slides and PowerPoint have <a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/documents\/testing\/#microsoft-word-and-powerpoint\">built-in accessibility checkers<\/a> you can use to help check your work.<\/p><p>Keep in mind that slideshows need to be accessible in more than one setting: they must be accessible as a visual aid for the audience that you&#8217;re presenting them to, but also accessible as a document that people will directly engage with.<\/p><ul><li>To add alt text, right click on an image and select &#8220;alternative text&#8221; (Google Slides) or &#8220;edit alt text&#8221; (PowerPoint).<\/li><li>Both slides platforms automatically format slide text as the appropriate heading. In order to keep headings consistent, <strong>make sure that you are using slide templates as intended<\/strong>, with a single main title slide at the start, followed by appropriate subsection slides.<\/li><li>In PowerPoint, you can make sure that tables have a header row by checking the &#8220;header row&#8221; box in the upper toolbar while the table is selected. Google Slides does not allow for table headers, so if your presentation requires tables, choose PowerPoint over Google Slides.<\/li><li>In Google Slides, <a href=\"https:\/\/support.google.com\/docs\/answer\/9109474?sjid=8990152142933385746-NC\">live captioning<\/a> is available with some browsers.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/documents\/\">UW-Madison&#8217;s Make It Accessible Document Accessibility<\/a> guide.<\/li><li><a href=\"https:\/\/it.wisc.edu\/services\/grackle-workspace-free-accessibility-checker\/\">Grackle Workspace<\/a>, a free accessibility checker extension for Google Docs, Google Slides, and Google Sheets available to all at UW-Madison.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-102311\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse102311\" aria-controls=\"collapse102311\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Emails<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse102311\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-102311\"> <div class=\"ea-body\"><h5><strong>Best practices<\/strong><\/h5><p>The best practices outlined in each of the sections above also apply to emails. In addition:<\/p><ul><li>In order to add headings to emails, open your email, select the body area, and then navigate to &#8220;format text&#8221; in the upper toolbar. From there, choose the &#8220;text styles&#8221; button (an &#8220;A&#8221; with a pencil). <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1042\" src=\"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/OutlookHeadingBar-300x26.png\" alt=\"The text formatting options bar in Outlook mail.\" width=\"300\" height=\"26\" srcset=\"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/OutlookHeadingBar-300x26.png 300w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/OutlookHeadingBar-768x67.png 768w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/OutlookHeadingBar.png 843w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li><li>You can run accessibility checks in Outlook prior to sending emails. Do this by choosing the &#8220;more&#8221; (an ellipsis) option in the upper toolbar, then &#8220;check accessibility&#8221;. <img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1043 alignright\" src=\"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/OutlookAccessibilityCheck-115x300.png\" alt=\"The Outlook email &quot;more options&quot; menu, including the &quot;check accessibility&quot; option.\" width=\"115\" height=\"300\" srcset=\"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/OutlookAccessibilityCheck-115x300.png 115w, https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-content\/uploads\/sites\/31\/2026\/04\/OutlookAccessibilityCheck.png 183w\" sizes=\"auto, (max-width: 115px) 100vw, 115px\" \/><\/li><li>Make sure to add alt text to any images included in the body of your email (including any logos or images in your signature). This can be done by right-clicking on the image.<\/li><li>Include a subject that is brief but contains useful keywords about the contents of the email. This helps both with accessibility and with searchability for anyone who might want to find your email in the future.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><ul><li><a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/email\/\">UW-Madison Make It Accessible Email Accessibility<\/a> guide.<\/li><li><a href=\"https:\/\/www.section508.gov\/create\/email-messages\/\">Section 508 Accessible Email Messages<\/a> guide.<\/li><\/ul><\/div><\/div><\/div><div class=\"ea-card sp-ea-single\"><h4 class=\"ea-header\"><a class=\"collapsed\" id=\"ea-header-102312\" role=\"button\" data-sptoggle=\"spcollapse\" data-sptarget=\"#collapse102312\" aria-controls=\"collapse102312\" href=\"#\" aria-expanded=\"false\" tabindex=\"0\"><i aria-hidden=\"true\" role=\"presentation\" class=\"ea-expand-icon eap-icon-ea-expand-plus\"><\/i> Social Media<\/a><\/h4><div class=\"sp-collapse spcollapse spcollapse\" id=\"collapse102312\" data-parent=\"#sp-ea-1023\" role=\"region\" aria-labelledby=\"ea-header-102312\"> <div class=\"ea-body\"><h5>Images<\/h5><ul><li>Add clear, descriptive\u00a0<a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/alternative-text\/\">alt text<\/a>\u00a0(what\u2019s happening,\u00a0who\u2019s\u00a0in it, key context).<\/li><li>Tip: Some platforms\u00a0don\u2019t\u00a0support alt text (Instagram Stories, for example). If that is the case,\u00a0you should add\u00a0image descriptions\u00a0in\u00a0image\u00a0captions.<\/li><li>Avoid\u00a0excessive\u00a0text on graphics; if needed, repeat it in the caption or alt text.<\/li><li>Ensure color contrast meets accessibility guidelines (<a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">use the WebAIM contrast checker tool to check<\/a>).<\/li><li>Avoid images with rapid flashing (&gt;3 times per\u00a0second).<\/li><\/ul><p>&nbsp;<\/p><h5>Video and audio<\/h5><ul><li>Ensure captions are present and accurate. Review auto\u2011captions before posting.<\/li><li>Include transcripts for longer audio or video content.<\/li><li>Use plain, concise language.<\/li><li>If using hashtags, use\u00a0UpperCamelCase\u00a0(also known as\u00a0TitleCase\u00a0or\u00a0PascalCase) for multiword hashtags (for example: #DisabilityAdvocacy).<\/li><li>Minimize emoji\u00a0use; if using,\u00a0place them at the end of sentences.<\/li><li>If the platform allows you to hyperlink text, use descriptive text so that a screen reader user gets an accurate idea about the destination or purpose of the link they\u2019re navigating to.<\/li><\/ul><p>&nbsp;<\/p><h5><strong>Further reading<\/strong><\/h5><p>For more guidelines, see the <a href=\"https:\/\/it.wisc.edu\/learn\/make-it-accessible\/social-media-accessibility\/\">UW-Madison Make It Accessible Social Media Accessibility<\/a> guide.<\/p><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Video: Introductory Presentation on Digital Accessibility at SSEC<\/h3>\n\n\n\n<p>Watch the SSEC Media Team&#8217;s presentation and Q&amp;A session from April 14, 2026.<\/p>\n\n\n\n<p>(Note: you must sign in to view this file.)<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/uwprod-my.sharepoint.com\/personal\/hemurphy2_wisc_edu\/_layouts\/15\/embed.aspx?UniqueId=b514638e-2e67-49f3-9c38-b75671227d76&#038;embed=%7B%22ust%22%3Atrue%2C%22hv%22%3A%22CopyEmbedCode%22%7D&#038;referrer=StreamWebApp&#038;referrerScenario=EmbedDialog.Create\" width=\"640\" height=\"360\" frameborder=\"0\" scrolling=\"no\" allowfullscreen title=\"GMT20260414-184525_Recording_2026x1200.mp4\"><\/iframe>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About Digital Accessibility Digital accessibility is a series of practices that can make content available to more people. This means designing websites, documents, and tools so more people can use them effectively. By increasing accessibility, we can improve usability for everyone and reduce barriers. Digital accessibility guidelines apply to: Why Now? New laws have been [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1013","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-json\/wp\/v2\/pages\/1013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-json\/wp\/v2\/comments?post=1013"}],"version-history":[{"count":29,"href":"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-json\/wp\/v2\/pages\/1013\/revisions"}],"predecessor-version":[{"id":1067,"href":"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-json\/wp\/v2\/pages\/1013\/revisions\/1067"}],"wp:attachment":[{"href":"https:\/\/www.ssec.wisc.edu\/researchsupport\/wp-json\/wp\/v2\/media?parent=1013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}