{"id":9041,"date":"2026-04-24T13:12:27","date_gmt":"2026-04-24T19:12:27","guid":{"rendered":"https:\/\/www.macalester.edu\/its\/?page_id=9041"},"modified":"2026-08-10T15:30:06","modified_gmt":"2026-08-10T21:30:06","slug":"considerations-by-type","status":"publish","type":"page","link":"https:\/\/www.macalester.edu\/its\/academic-technology-services-2\/digital-accessibility-guidelines\/considerations-by-type\/","title":{"rendered":"Accessibility Guidelines by Media Type"},"content":{"rendered":"<p>Below, you can find a list of considerations for each media type, followed by a link to a printable checklist of the considerations.<\/p>\n\n\n<accordion-container\n    tag=\"section\"\n    class=\"accordion-group block-container\"\n    >\t\n\t<div class=\"accordion-group__outer\">\n\t    \t        <h2 class=\"accordion-group__heading\">Static Media<\/h2>\n\t    \t    <ul class=\"accordion-group__list\">\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-1\"\n\t                        id=\"accordion-group-heading-button-1\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">Text Documents<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-1\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><strong><a href=\"https:\/\/docs.google.com\/document\/d\/1h2iTfSNyFV4q8616RvLMz-26F2_aN8fwBo76VCcfG8U\/edit?usp=sharing\">Text Document Accessibility Checklist<\/a><\/strong><\/p>\n<hr \/>\n<h4><span style=\"font-weight: 400\">Readability<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Content is divided into short paragraphs<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Most paragraphs are no longer than 5 sentences<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">(True) Headings are used to organize paragraphs<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Headings do not skip levels (h2, h3, h4\u2026)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">H1 is the title style if a short-form document; Title is the title style if a long-form document<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There is minimal use of long sentences<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Language is free of grammatical errors, spelling errors, and typos<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Language is simple and straightforward wherever possible<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points: Complex language is defined nearby, linked to a glossary, and\/or has sufficient context clues<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Legibility<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is in a sans serif font<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is at least 11 points for small text and 14 point bold or 18 points for large text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Use of <\/span><i><span style=\"font-weight: 400\">italics<\/span><\/i><span style=\"font-weight: 400\"> and <\/span><b>bold<\/b><span style=\"font-weight: 400\"> are limited<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links are the only underlined text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Formatting is consistent throughout the page<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The file name at the very top of the application window accurately describes the file<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Color and Contrast<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color has been used to convey meaning only in combination with other elements<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If color has been used, there is appropriate contrast between foreground, background, and adjacent colors<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">4.5:1 contrast for small text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">3:1 contrast for large text and graphics\/objects<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Lists<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Strings of items are formatted into (true) lists<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are appropriately ordered or unordered, depending on their content<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are only used for strings of more than one item<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No empty list items are left over<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Links<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All hyperlinks are embedded in text that describes their destinations<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Link text gives enough information to clearly indicate destination without surrounding context<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cLink to\u201d excluded from link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sources linked only 1x\/page<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If using formal citations, titles (only) are used as link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points if you include the source in parentheses, e.g. (YouTube)<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All links work<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If linking to a piece of media that has required permissions to view or interact with, these permissions have been checked<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If linking to time-based media, see podcast or video checklist for additional considerations<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Tables<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are only used to compare data (not for formatting, not when they could be lists instead)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have (true) header rows and columns<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Table header rows and columns have visual indicators that they\u2019re headers<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have captions, titles, descriptions, and alt text as available<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables do not have merged cells<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables do not have empty cells<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Images<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images that convey meaning\/contain content have alt text<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Alt text is:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Concise<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Descriptive<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Functional<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Contextual<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Reader-oriented<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Non-content images are marked as decorative or alt text area left blank<\/span><\/li>\n<\/ul>\n<\/li>\n<li>Images are formatted as &#8220;In line with text&#8221;<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There are no images of text (except as a logo)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Logos\u2019 text is included in their alt text<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Charts have alt text naming the type of chart and giving a general summary of information conveyed (e.g. Bar chart showing college spending on athletics 2011-2023)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Complex graphics have text alternatives<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Checking Your Work<\/span><\/h4>\n<p><span style=\"font-weight: 400\">If working in Microsoft Word, run the built-in accessibility checker and resolve any issues it catches before sharing your document.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">To open the built-in accessibility checker, go to the <\/span><b>Review<\/b><span style=\"font-weight: 400\"> tab and select <\/span><b>Check Accessibility<\/b><span style=\"font-weight: 400\">. A side panel will open with the categories of errors it checks and any issues it\u2019s found. Click on a named issue element in the side panel to highlight that element in the document.<\/span><\/p><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-2\"\n\t                        id=\"accordion-group-heading-button-2\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">PDFs<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-2\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><a href=\"https:\/\/docs.google.com\/document\/d\/1k6I4TsgBe0aT0Pl-2w5B6qpvOWjkNHYq0A08J74zWY0\/edit?usp=sharing\"><strong>PDF Accessibility Checklist<\/strong><\/a><\/p>\n<hr \/>\n<h4>Form &amp; Content<\/h4>\n<p>Review the Text Document Accessibility considerations for form and content features to build into your document before exporting as a PDF.<\/p>\n<h4>Structure<\/h4>\n<p>Review the Text Document Accessibility considerations for structure features to build into your document before exporting as a PDF. If any of the features are unavailable prior to exporting as PDF, make note of those features and add them after exporting.<\/p>\n<p>Once you&#8217;ve exported your PDF, ensure the following:<\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Metadata has been added, including:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Title<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Language<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tags exist (and are accurate) for all headings, paragraphs, images, figures, and any other content<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Headings are tagged as headings, following proper heading order<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Paragraph breaks happen in expected places<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Logical reading order has been set or reviewed and adjusted<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is searchable<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images have alt text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links are interactive<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Form fields are interactive\u00a0<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If creating a form, reach out to your academic technologist about additional support for adding and properly tagging form fields<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Any features from the Text Document Accessibility Checklist that you were unable to add before exporting to PDF have been added using a PDF editor<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The built-in accessibility checker of your chosen PDF editor shows zero issues<\/span><\/li>\n<\/ul><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-3\"\n\t                        id=\"accordion-group-heading-button-3\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">Spreadsheets<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-3\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><a href=\"https:\/\/docs.google.com\/document\/d\/1i3sEsWbRauXskVO6DNylBm9E8281hC3zhZ5mss3hKOw\/edit?usp=sharing\"><strong>Spreadsheet Accessibility Checklist<\/strong><\/a><\/p>\n<hr \/>\n<h4><span style=\"font-weight: 400\">Readability<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There are no spelling or grammar issues<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Formatting is consistent throughout the sheet<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sheet tabs have descriptive, unique names<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Legibility<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is in a sans serif font<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is at least 10 points<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Use of <\/span><i><span style=\"font-weight: 400\">italics<\/span><\/i><span style=\"font-weight: 400\"> and <\/span><b>bold<\/b><span style=\"font-weight: 400\"> are limited<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links are the only underlined text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There is sufficient spacing around text (i.e. sufficient cell height and width)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images and charts do not overlap content in cells<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The file name at the top of the application window accurately describes the file<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The sheet has a descriptive Title (check in File &gt; Info (Windows) or File &gt; Properties (Mac))<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Color and Contrast<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color has been used to convey meaning only in combination with other elements<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If color has been used, there is appropriate contrast between foreground, background, and adjacent colors<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">4.5:1 contrast for small text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">3:1 contrast for large text and graphics\/objects\/charts<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Links<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All hyperlinks are embedded in text that describes their destinations<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Link text gives enough information to clearly indicate destination without surrounding context<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cLink to\u201d excluded from link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sources linked only 1x\/page<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If using formal citations, titles (only) are used as link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points if you include the source in parentheses, e.g. (YouTube)<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All links work<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If linking to a piece of media that has required permissions to view or interact with, these permissions have been checked<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If linking to time-based media, see podcast or video checklist for additional considerations<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Tables<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are included as accessible alternatives when charts are created<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are only used to compare data<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have centered captions in the row immediately above the table, with merged cells spanning the width of the table<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have header rows and\/or columns<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Cells containing headers or data are not merged or split<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables do not have empty cells<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Charts<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Charts have 10-pt text or larger (larger is better)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Charts have sufficient white space around elements and between elements, title, labels, key, etc.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Charts have alt text naming the type of chart and giving a general summary of information conveyed (e.g. Bar chart showing college spending on athletics 2011-2023)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Charts are presented with tables as accessible alternatives (table can be to the right of chart or in separate sheet)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Link to table is provided below chart if table is not immediately beside chart<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Link back to chart is provided below table if not immediately beside chart<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Images<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images and other non-text elements that convey meaning\/contain content have alt text<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Alt text is:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Concise<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Descriptive<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Functional<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Contextual<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Reader-oriented<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Non-content images and non-text elements are marked as decorative or alt text area left blank<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There are no images of text (except as a logo)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Logos\u2019 text is included in their alt text<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Complex graphics have text alternatives<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Embedded or Linked Media<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Embedded\/linked podcasts have transcripts<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Embedded\/linked videos have captions<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Checking Your Work<\/span><\/h4>\n<p><span style=\"font-weight: 400\">If working in Microsoft Excel, run the built-in accessibility checker and resolve any issues it catches before sharing your document.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">To open the built-in accessibility checker, go to the <\/span><b>Review<\/b><span style=\"font-weight: 400\"> tab and select <\/span><b>Check Accessibility<\/b><span style=\"font-weight: 400\">. A side panel will open with the categories of errors it checks and any issues it\u2019s found. Click on a named issue element in the side panel to highlight that element in the document.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Note: If you have created table captions that span the width of the table (as recommended), you may get a \u201cmerged cells\u201d warning from the accessibility checker.<\/span><\/p><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-4\"\n\t                        id=\"accordion-group-heading-button-4\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">Slide Decks<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-4\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><a href=\"https:\/\/docs.google.com\/document\/d\/1IEKSP1RFHwkgADhmticjiEXp7FYNE7fKxHNG2h62cHY\/edit?usp=sharing\"><strong>Slide Deck Accessibility Checklist<\/strong><\/a><\/p>\n<hr \/>\n<h4>General Formatting<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Each slide has a unique, descriptive title<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is in a sans serif font<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is at least 18 points<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sufficient contrast exists between foreground, background, and adjacent colors<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">4.5:1 for small text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">3:1 for large text and graphics\/objects<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color is used to convey information only in combination with other elements<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Use of <\/span><i><span style=\"font-weight: 400\">italics<\/span><\/i><span style=\"font-weight: 400\"> and <\/span><b>bold<\/b><span style=\"font-weight: 400\"> are at a minimum<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links are the only underlined text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Avoid slide transitions and animations that have a lot of side-to-side or vertical motion<\/span><\/li>\n<\/ul>\n<h4>Slide Content<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Content on each slide is minimized; more slides are used rather than more text per slide<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Font type and size are consistent across slides<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Negative space exists around and among elements<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All link text describes link destinations (no naked hyperlinks, no generic link tex)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cLink to\u201d excluded from link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sources linked 1x\/page<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All links work<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If using formal citations, titles (only) are used as link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If linking to time-based media, see podcast or video checklist for additional considerations<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points if you include the source in parentheses, e.g. (YouTube)<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Strings of items\/information are formatted as (true) lists<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are ordered or unordered appropriately, based on content<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are only used for multi-item strings of information<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No empty list items have been left behind<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Images &amp; Time-Based Media<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All images have alt text<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Alt text is concise, descriptive, functional, contextual, and reader-oriented<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Non-content images are marked as decorative or alt text area left blank<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Complex graphics have text alternatives<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Embedded and linked videos have captions<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Captions are human-generated or auto-generated and reviewed\/revised<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Captions include music, important sounds, etc. in parentheses or brackets<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Captions are turned on whenever presenting<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points if videos also have audio description<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Embedded and linked podcasts have transcripts<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Transcript is available to participants whenever presenting<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Final Suggestions<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If working in PowerPoint, use the build-in accessibility checker to review and remediate accessibility issues before sharing<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Share slides with participants ahead of time so they can review before the presentation and\/or follow along on their own devices if needed<\/span><\/li>\n<\/ul><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t    <\/ul>\n\t<\/div>\n<\/accordion-container>\n\n\n<accordion-container\n    tag=\"section\"\n    class=\"accordion-group block-container\"\n    >\t\n\t<div class=\"accordion-group__outer\">\n\t    \t        <h2 class=\"accordion-group__heading\">Time-Based Media<\/h2>\n\t    \t    <ul class=\"accordion-group__list\">\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-1\"\n\t                        id=\"accordion-group-heading-button-1\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">Podcasts<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-1\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><strong><a href=\"https:\/\/docs.google.com\/document\/d\/1e8WsEMCTIJKKPocoA-9G363CPv6lIYXTtdG0Fcr-aWE\/edit?usp=sharing\">Podcast Accessibility Checklist<\/a><\/strong><\/p>\n<hr \/>\n<ul>\n<li>Spoken audio is recorded in a quiet space or edited to reduce background noise<\/li>\n<li>Contrast in volume exists between speech and background sound, to help listeners parse speech<\/li>\n<li>Consideration has been given to maximum contrast between softest and loudest sounds\n<ul>\n<li>Sounds that are suddenly louder have been avoided<\/li>\n<li>Sounds that are significantly softer than their surrounding context have been avoided<\/li>\n<\/ul>\n<\/li>\n<li>If creating an audio-only podcast, a transcript of spoken audio has been created\n<ul>\n<li>Transcript is posted alongside audio podcast<\/li>\n<li>Bonus points if transcript includes mention of important non-spoken sounds<\/li>\n<\/ul>\n<\/li>\n<li>If creating a video podcast, captions have been created for the podcast video\n<ul>\n<li>Captions include important non-spoken sounds<\/li>\n<li>Bonus points if you also include a transcript<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-2\"\n\t                        id=\"accordion-group-heading-button-2\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">Videos<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-2\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><strong><a href=\"https:\/\/docs.google.com\/document\/d\/1RaUIGZ7oBeT_RkOq8Wxyo3zfi-lb8Q9_SvwCnDyFVBU\/edit?usp=sharing\">Video Accessibility Checklist<\/a><\/strong><\/p>\n<hr \/>\n<ul>\n<li>Video does not flash more than 3x\/second<\/li>\n<li>If creating the video from slides, the slides use appropriate color contrast\n<ul>\n<li>4.5:1 for small text<\/li>\n<li>3:1 for large text and graphics<\/li>\n<\/ul>\n<\/li>\n<li>Spoken audio is recorded in a quiet space or edited to reduce background noise<\/li>\n<li>Contrast in volume exists between speech and background sound, to help listeners parse speech<\/li>\n<li>Consideration has been given to maximum contrast between softest and loudest sounds\n<ul>\n<li>Suddenly louder sounds have been avoided<\/li>\n<li>Sounds significantly softer than those around them have been avoided<\/li>\n<\/ul>\n<\/li>\n<li>Human-created captions or app-generated and human-reviewed\/edited captions have been added to the video\n<ul>\n<li>Captions should include mention of music, important sound effects, etc., in parentheses or brackets<\/li>\n<\/ul>\n<\/li>\n<li>Whenever possible, audio description has been incorporated into the narration or added as a separate audio file that contains both spoken audio and audio description\n<ul>\n<li>Audio description does not need to be included in caption<\/li>\n<li>If creating a transcript for the video, include description of important visuals in the transcript<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t    <\/ul>\n\t<\/div>\n<\/accordion-container>\n\n\n<accordion-container\n    tag=\"section\"\n    class=\"accordion-group block-container\"\n    >\t\n\t<div class=\"accordion-group__outer\">\n\t    \t        <h2 class=\"accordion-group__heading\">Combined media<\/h2>\n\t    \t    <ul class=\"accordion-group__list\">\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-1\"\n\t                        id=\"accordion-group-heading-button-1\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">Google Sites<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-1\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><a href=\"https:\/\/docs.google.com\/document\/d\/1JhikFPbh53-LSBzffwbk0Yibck3G6TYhN4krnyThcLA\/edit?usp=sharing\"><strong>Google Sites Accessibility Checklist<\/strong><\/a><\/p>\n<hr \/>\n<h4>Form &amp; Content<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Content is divided into short paragraphs<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Language is free of grammatical errors and typos<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Language is simple and straightforward wherever possible<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is in a sans serif font<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is at least 11 points for small text and 14 point bold or 18 points for large text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Use of <\/span><i><span style=\"font-weight: 400\">italics<\/span><\/i><span style=\"font-weight: 400\"> and <\/span><b>bold<\/b><span style=\"font-weight: 400\"> are limited<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links are the only underlined text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color has been used to convey meaning only in combination with other elements<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Where color has been used, there is appropriate contrast between foreground, background, and adjacent colors<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">4.5:1 for small text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">3:1 for large text and graphics\/objects<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Structure<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">(True) Headings are used to title pages and organize paragraphs<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Headings do not skip levels when ascending (Title, Heading, Sub-Heading)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Note: Google Sites names their heading levels by what they are\/do in non-technical language (unlike text docs), so the Title style is for the title of the page, the Heading style is for section titles (colloquially called \u201cheadings\u201d), etc.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Strings of items are formatted into (true) lists<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are appropriately ordered or unordered, depending on their content<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are only used for strings of more than one item<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No empty list items are left over<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All link text describes link destinations (no naked hyperlinks, no generic link tex)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cLink to\u201d excluded from link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sources linked 1x\/page<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All links work<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If using formal citations, titles (only) are used as link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points if you include the source in parentheses, e.g. (YouTube)<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are only used for comparing data<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have (true) header rows and columns<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have captions, titles, descriptions, and alt text as available<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables do not have merged or split cells<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images that convey content have alt text<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Alt text is concise, descriptive, functional, contextual, and reader-oriented<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Non-content images are marked as decorative<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There are no images of text (except as a logo)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Complex graphics have text alternatives<\/span><\/li>\n<\/ul>\n<h4>Time-Based Media<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Videos do not flash more than 3 times per second<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Auto-play videos are avoided (or at least include controls for stopping\/pausing)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Videos have human-created or auto-generated-and-human-reviewed captions<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Captions include relevant non-spoken sounds in parentheses or brackets<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Even better if videos have audio descriptions<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Podcasts have transcripts available<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Location of transcript is noted or linked to on the page<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If you\u2019re creating the time-based media yourself, please review the applicable checklist for that media type<\/span><\/li>\n<\/ul><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-2\"\n\t                        id=\"accordion-group-heading-button-2\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">WordPress Sites<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-2\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p>Coming soon!<\/p>\n<p>&nbsp;<\/p><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-3\"\n\t                        id=\"accordion-group-heading-button-3\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">Pressbooks<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-3\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p>For accessibility considerations and support with Pressbooks, check out this <strong>Open Educational Resource<\/strong> (OER, coming soon), compiled by our very own Ellie Anderson! You can find a checklist of accessibility considerations within the OER.<\/p><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-4\"\n\t                        id=\"accordion-group-heading-button-4\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">ArcGIS StoryMaps<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-4\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><a href=\"https:\/\/docs.google.com\/document\/d\/1OayKNR3zYKtLdKo8hqvFDQMa2mXtDfuDXslZFO5BX6o\/edit?usp=sharing\"><strong>StoryMaps Accessibility Checklist<\/strong><\/a><\/p>\n<p>One more resource: <a href=\"https:\/\/www.mass.gov\/info-details\/gis-accessibility-guidance-storymaps\">GIS Accessibility Guidance: StoryMaps (Mass.gov)<\/a><\/p>\n<hr \/>\n<h4><span style=\"font-weight: 400\">Form &amp; Content<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Content is divided into short paragraphs<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cSpacious\u201d text spacing has been selected<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Long sentences are used minimally (if at all)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Language is free of grammatical errors and typos<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Language is simple and straightforward wherever possible<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Acronyms are spelled out in their first instance, followed by the acronym in ( )<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is in a sans serif font and follows typical capitalization rules (no ALL CAPS)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is at least 11 points for small text and 14 point bold or 18 points for large text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is left-aligned (minimal use of centered text okay; avoid justified and right-aligned)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Use of <\/span><i><span style=\"font-weight: 400\">italics<\/span><\/i><span style=\"font-weight: 400\"> and <\/span><b>bold<\/b><span style=\"font-weight: 400\"> are limited<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links are the only underlined text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">In-text superscript citations are avoided<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color has been used to convey meaning only in combination with other elements<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Where color has been used, there is appropriate contrast between foreground, background, and adjacent colors<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">4.5:1 for small text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">3:1 for large text and graphics\/objects<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Note: Some themes have insufficient color contrast for some items (e.g., buttons in Ridgeline), and these colors can\u2019t necessarily be changed<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Structure<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Headings are used to title your StoryMap and organize paragraphs<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Headings do not skip levels (H1, H2, H3)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Note: The title is automatically set to be an H1; add section headings (H2s) to organize content throughout the page<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Strings of items are formatted into (true) lists<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are appropriately ordered or unordered, depending on their content<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are only used for strings of more than one item<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No empty list items are left over<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links are underlined (not dotted line or highlight option)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All link text describes link destinations (no naked hyperlinks, no generic link tex)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cLink to\u201d excluded from link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sources linked 1x\/StoryMap<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All links work<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Links open in the same tab<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If using formal citations, titles (only) are used as link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points if you include the source in parentheses, e.g. (YouTube)<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Button text is brief and clearly describes where the link leads<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Buttons follow link text considerations (above)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Note: Button styling is determined by theme. Some themes (like Ridgeway) have inaccessible color contrast. Avoid using a theme that creates inaccessible buttons, if you intend to use buttons in your StoryMap.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The code object is used only for shorter code blocks<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Code has comments to help readers understand what each section does<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Code language has been selected<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Line numbers are enabled<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There is a brief description of what the code does in paragraph text<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are only used for comparing data<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are created using the table element (not a screenshot of a table)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have header rows and\/or columns<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Note: Tables automatically provide a header row, and you can add a header column manually using the gear icon<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have captions and titles<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Static Media<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images that communicate content have captions and alt text<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Alt text is concise (125 characters max), descriptive, functional, contextual, and reader-oriented<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Alt text doesn\u2019t repeat caption text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Galleries of images have alt text for each image and alt text for the gallery<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Infographics have alt text or text alternatives<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">There are no images of text (except as a logo)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Alt text for images of text includes image text<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Complex graphics have text alternatives<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Charts and graphs have titles, captions, and source info<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Charts have appropriate color contrast<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Each column of the data source has a clear, meaningful heading<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Chart has an informative chart title, category axis title, and value axis title<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Chart legend is enabled<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Note: Source info can include a link. Use source info to link to the data source\/text alternative (e.g., table data).<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400\">Interactive and Time-Based Media<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Maps have captions and alt text (see alt text best practices, above)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">When creating maps, best practices in the following guides have been followed:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.mass.gov\/info-details\/gis-accessibility-guidance-web-maps\"><span style=\"font-weight: 400\">GIS accessibility guidance: web maps<\/span><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.mass.gov\/info-details\/gis-accessibility-guidance-static-maps-from-arcgis-pro\"><span style=\"font-weight: 400\">GIS accessibility guidance: static maps from ArcGIS Pro<\/span><\/a><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Maps include a text alternative of relevant locations (spreadsheet, CSV, etc.), linked nearby<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">A description of the map and\/or its purpose exists in a nearby paragraph<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Map legend is enabled (but not set to open by default)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Search option is enabled<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All map features have appropriate color contrast with basemap<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If adding text overlays: background color and text meet contrast ratio requirements<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Swipe elements have alt text for each individual map or image <\/span><b>and<\/b><span style=\"font-weight: 400\"> alt text for the swipe element overall<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Swipe elements are described in a nearby paragraph (screen reader users may have trouble accessing the content a sighted user would acquire through use of the swipe element)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sidecars do not contain charts or apps (some accessibility features are not available when these elements are added to sidecars, so they should be avoided in this context)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">For map tours, each location has a title and description<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If adding photos to locations, photos have alt text<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If any locations don\u2019t have a photo, \u201cMedia focused\u201d option is not used<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If \u201cStart with a feature layer\u201d is selected, alternative text is set to populate from a dynamic attribute field<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Videos do not flash more than 3 times per second<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All videos have controls for starting and stopping, and auto-play videos are avoided<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Videos have human-created or auto-generated-and-human-reviewed captions<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Captions include relevant non-spoken sounds in parentheses or brackets<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Even better if videos have audio descriptions<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Even better if videos have transcripts<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Embedded audio has controls for starting and stopping, and auto-play audio is avoided<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If displaying as card:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Custom card details are added: title and description<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Optional: upload a custom thumbnail<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If displaying as an interactive embed:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">For large screens:\u00a0<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cInclude a button on the embed to open live content in a new tab\u201d is not enabled<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cAllow readers to directly interact with this content\u201d is not enabled<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">For small screens:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Display is set to \u201cCard\u201d<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Custom card details are added: title and description<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Podcasts and other audio have transcripts available<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Location of transcript is noted or linked to on the page<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If you\u2019re creating the time-based media yourself, please review the applicable checklist for that media type<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Note: The accessibility of StoryMap Apps depends on the tool used to create them and the accessibility features built into the apps themselves. Before adding an app to your StoryMap, learn as much as you can about the accessibility of the app. If you want to use an app in your StoryMap, try to ensure that the app passes WCAG 2.1 AA guidelines.<\/span><\/p><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-5\"\n\t                        id=\"accordion-group-heading-button-5\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">Moodle<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-5\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p>Coming soon!<\/p><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t            <li class=\"accordion-group__list-item\">\n\t                <accordion-container-header\n\t                    tag=\"h3\"\n\t                    class=\"accordion-group__item-heading\"\n\t                >\n\t                    <accordion-container-header-button\n\t                        class=\"accordion-group__heading-button\"\n\t                        controls=\"accordion-group-6\"\n\t                        id=\"accordion-group-heading-button-6\"\n\t                    >\n\t                        <span class=\"accordion-group__button-text\">LibGuides<\/span>\n\t                        <span class=\"accordion-group__icon-wrap\">\n\t                        \t<svg aria-hidden=\"true\" class=\"base-symbol accordion-group__button-icon\" viewbox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-plus-small.svg#icon\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t                        <\/span>\n\t                    <\/accordion-container-header-button>\n\t                <\/accordion-container-header>\n\t                <accordion-container-panel\n\t                    id=\"accordion-group-6\"\n\t                    class=\"accordion-group__item-panel\"\n\t                >\n\t                    <div class=\"accordion-group__item-panel-inner\">\n\t                        <p><p><strong><a href=\"https:\/\/docs.google.com\/document\/d\/10vDxwzoX6pY832QDw-TbvIMP-WLgg4LuP7gCaoU7UNU\/edit?usp=sharing\">LibGuides Accessibility Checklist<\/a><\/strong><\/p>\n<hr \/>\n<h4>Text\/Formatting<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text uses simple, straightforward language wherever possible<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Text is broken up into short paragraphs<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">1-2 fonts are used throughout<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sans serif (non-narrow) fonts used throughout<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Font size and styling are consistent throughout<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Limited use of <\/span><i><span style=\"font-weight: 400\">italics<\/span><\/i><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Limited use of <\/span><b>bold<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No underlined text (that isn\u2019t a link)<\/span><\/li>\n<\/ul>\n<h4>Headings<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Headings are all true headings<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">H3 is first heading level used in rich text editor<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Increasing heading levels are chronological (no skips)<\/span><\/li>\n<\/ul>\n<h4>Lists<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Strings of items or phrases are presented as lists<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Lists are all true lists<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Unordered lists are used whenever order doesn\u2019t matter<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Ordered lists are used whenever order is necessary to understanding content<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All lists have more than one list item<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No lists have empty list items<\/span><\/li>\n<\/ul>\n<h4>Links<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All hyperlinks are embedded within descriptive text (no naked links)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Descriptive text matches destination title whenever possible<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points: destination source is listed in ( )<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No generic link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All links go where you\u2019d expect, based on descriptive link text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All links work<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Access is provided for any shared Google or Box media<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sources are only linked 1x\/page<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If formal citations are necessary, only title text is linked<\/span><\/li>\n<\/ul>\n<h4>Tables<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are only used for comparing data<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are only used when they are the best format for presenting the data<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables are only used when no other representation style is appropriate\/feasible<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have structural\/functional header rows and columns<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have visually distinct header rows and columns<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have captions<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tables have descriptions (alt text)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No merged cells<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No empty cells<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No images within tables<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No lists within tables<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No tables within tables<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No nested header rows<\/span><\/li>\n<\/ul>\n<h4>Color &amp; Contrast<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color is not used to convey meaning <\/span><b>or<\/b><span style=\"font-weight: 400\"> color is only used to convey meaning in combination with other indicators<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Charts have labels for individual segments (more than just a key)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Normal\/body text has 4.5:1 color contrast<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Large text and graphics have 3.5:1 color contrast<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Multicolored graphics have 3.5:1 contrast between adjacent colors<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Visual busyness (color, pattern, etc.) is reduced<\/span><\/li>\n<\/ul>\n<h4>Images<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All images that convey meaning have alt text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images that don\u2019t convey meaning are marked as decorative<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Alt text is:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Concise<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Descriptive<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Functional<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Contextual<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Reader-oriented<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No images of text<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">No \u201cimage of\u201d in alt text (if cartoon, painting, etc., okay to mention, e.g., cartoon:&#8230;)<\/span><\/li>\n<\/ul>\n<h4>Time-Based Media (Podcasts, Videos, etc.)<\/h4>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Podcasts have transcripts<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Videos are captioned (more than just auto-captions whenever possible)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Captions include content-laden sounds<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bonus points: videos have audio descriptions<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If transcripts or captions aren\u2019t in an obvious place, instructions are provided for accessing<\/span><\/li>\n<\/ul><\/p>\n\t                    <\/div>\n\t                <\/accordion-container-panel>\n\t            <\/li>\n\t        \t    <\/ul>\n\t<\/div>\n<\/accordion-container>","protected":false},"excerpt":{"rendered":"<p>Below, you can find a list of considerations for each media type, followed by a link to a printable checklist of the considerations.<\/p>","protected":false},"author":1419,"featured_media":0,"parent":8515,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9041","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/9041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/users\/1419"}],"replies":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/comments?post=9041"}],"version-history":[{"count":25,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/9041\/revisions"}],"predecessor-version":[{"id":9261,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/9041\/revisions\/9261"}],"up":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/8515"}],"wp:attachment":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/media?parent=9041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}