{"id":8515,"date":"2026-04-15T11:36:41","date_gmt":"2026-04-15T17:36:41","guid":{"rendered":"https:\/\/www.macalester.edu\/its\/?page_id=8515"},"modified":"2026-07-20T15:19:22","modified_gmt":"2026-07-20T21:19:22","slug":"digital-accessibility-guidelines","status":"publish","type":"page","link":"https:\/\/www.macalester.edu\/its\/academic-technology-services-2\/digital-accessibility-guidelines\/","title":{"rendered":"Digital Accessibility Guidelines"},"content":{"rendered":"
\n
\n \t \t

When we’re creating digital media\u2014whether writing an email, designing a Moodle course, publishing a podcast, or posting to social media\u2014it’s important to make sure our audience can access our content. Authoring accessible digital materials is vital to creating an inclusive, thriving campus community.<\/p>\n \t <\/div>\n<\/section>\n\n\n

This page offers foundational guidelines for creating accessible digital content. These guidelines are based on the World Wide Web Consortium’s (W3C’s) Web Content Accessibility Guidelines (WCAG) 2.1 AA<\/a>, and they’re the baseline we’re aiming for across campus. Use the links below each topic to find information and resources that can help you start putting these guidelines into practice.<\/p>\n\n\n\n

There’s a lot here, but don’t feel like you have to start doing everything at once. If it’s feeling overwhelming, try adding one accessible practice to your routine this week (or month). At the end of that period, see if you can add one more practice. And if you’d like extra support, reach out to your academic technologist. We’re here to help!<\/p>\n\n\n

\n
\n
\n
\n

Organizing Content<\/h2>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \"\"\n <\/a>\n
\n

\n \n Headings\n <\/a>\n \n <\/h3>\n

Headings separate paragraphs of content. True headings use the heading text style, rather than merely being large text or bold.<\/p>\n \n \n <\/div>\n <\/article> \n

\n \n \"\"\n <\/a>\n
\n

\n \n Lists\n <\/a>\n \n <\/h3>\n

Lists present strings of related content. True lists have special formatting that communicates with screen readers. Using ordered or unordered lists matters, too.<\/p>\n \n \n <\/div>\n <\/article> \n

\n \n \"\"\n <\/a>\n
\n

\n \n Tables\n <\/a>\n \n <\/h3>\n

Tables are only for displaying data\u2014not for arranging content. Tables need formatting to help both screen reader users and sighted readers navigate them smoothly.<\/p>\n \n \n <\/div>\n <\/article> \n <\/div>\n<\/section>\n\n\n

\n
\n
\n
\n

Creating Clarity<\/h2>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \"\"\n <\/a>\n
\n

\n \n Descriptive Links\n <\/a>\n \n <\/h3>\n

Descriptive text for hyperlinks helps readers understand where each link leads. They’re both clearer and more efficient than “naked” hyperlinks (http:\/\/…).<\/p>\n \n \n <\/div>\n <\/article> \n

\n \n \"\"\n <\/a>\n
\n

\n \n Color\n <\/a>\n \n <\/h3>\n

WCAG 2.1 AA has standards for color contrast. This, plus how and when you use color (and with what) can all impact accessibility.<\/p>\n \n \n <\/div>\n <\/article> \n

\n \n \"\"\n <\/a>\n
\n

\n \n Alt Text\n <\/a>\n \n <\/h3>\n

Some images convey content, while others are purely decorative. If an image conveys content, alternative text (“alt text”) is added, so users who can’t see the image can still access its content.<\/p>\n \n \n <\/div>\n <\/article> \n <\/div>\n<\/section>\n\n\n

\n
\n
\n
\n

Other Considerations<\/h2>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \n \"\"\n <\/a>\n
\n

\n \n Text Alternatives\n <\/a>\n \n <\/h3>\n

For audio and video media, text alternatives help ensure users can perceive content. This includes transcripts for podcasts, captions and descriptive audio for videos, etc.<\/p>\n \n \n <\/div>\n <\/article> \n

\n \n \"\"\n <\/a>\n
\n

\n \n Considerations by media type\n <\/a>\n \n <\/h3>\n

Some accessibility considerations apply to all digital media, while others are media-type specific. Review the accessibility considerations for each type of digital media before beginning a project.<\/p>\n \n \n <\/div>\n <\/article> \n <\/div>\n<\/section>\n\n\n

\n
\n
\n
\n
\n
\n

Want Help?<\/h2>\n

For personalized support in implementing these guidelines, set up a 1:1 session with an academic technologist.<\/p>\n <\/div>\n

\n Schedule a 1:1 Digital Accessibility Session<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"

This page offers foundational guidelines for creating accessible digital content. These guidelines are based on the World Wide Web Consortium’s (W3C’s) Web Content Accessibility Guidelines (WCAG) 2.1 AA, and they’re the baseline we’re aiming for across campus. Use the links below each topic to find information and resources that can help you start putting these […]<\/p>","protected":false},"author":1419,"featured_media":0,"parent":3102,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8515","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/8515","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=8515"}],"version-history":[{"count":49,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/8515\/revisions"}],"predecessor-version":[{"id":9205,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/8515\/revisions\/9205"}],"up":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/3102"}],"wp:attachment":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/media?parent=8515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}