Accessibility Home: Difference between revisions

Latest revision as of 14:11, 6 August 2026

At our institutional core is the desire to contribute to the creation of a world that is just, humane, and sustainable.

Incorporating accessibility considerations in all aspects of what we do at Swarthmore is part of how we make our aspirations a reality.

We incorporate thinking about accessibility throughout our work and in the documentation of tools available to the Swarthmore College community. This section of our KnowledgeBase (KB) focuses on some of the fundamental principles and how-to's. You will find other accessibility tips and information in most of our other documentation as well.

Some examples include:

Getting Started with Accessibility

New to accessibility at Swarthmore? Start here for key concepts and Swarthmore-specific guidance.

Web & Digital Accessibility

Ensure that web pages, course materials, and other digital content meet accessibility standards.

Document Accessibility

Create Word documents, PDFs, and other files that work for everyone, including people who use screen readers.

Microsoft Office Accessibility

Step-by-step guidance for making Office files accessible using Microsoft's built-in tools.

Images & Visual Content

Make sure images and visual materials convey their meaning to all users, including those who can't see them.

Video & Media Accessibility

Add captions and transcripts to videos so all users can access your content, including recordings of classes and meetings.

Assistive Technology & Device Settings

Learn about screen readers, keyboard navigation, and built-in accessibility features on your devices.

Links to Other Resources

External tools and Swarthmore-specific resources to support your accessibility work.

@@ Line 8: / Line 8: @@
 '''Jump to a category:'''
-[[#Getting_Started|Getting Started]] &nbsp;|&nbsp;
+[[#Getting_Started_with_Accessibility|Getting Started with Accessibility]] &nbsp;|&nbsp;
 [[#Document_Accessibility|Document Accessibility]] &nbsp;|&nbsp;
 [[#Images_and_Visual_Content|Images & Visual Content]] &nbsp;|&nbsp;
@@ Line 16: / Line 16: @@
 [[#Microsoft_Office_Accessibility|Microsoft Office]]
-<hr aria-hidden="true"/>
+<hr aria-hidden="true" style="margin: 1.75em .25em 2em 0.25;"/>
+<!-- add the grid class -->
-<div style="background-color:#f9f6f0; border:3px solid #990000; border-radius: 12px;
+<div class="wik-card-grid-2-col" style="display: grid; grid-template-columns: repeat(2, 1fr);
-padding:12px 16px; margin-top:28px; margin-bottom:0.75em;">
+    gap: 20px;
-== Getting Started ==
+    margin: 1em 0;">
-''New to accessibility at Swarthmore? Start here for key concepts
+<!-- hide the original and add the wiki-card class <div style="background-color:#f9f6f0; border-left:3px solid #990000; padding:0px 1.0em ; margin-top:28px; margin-bottom:1.75em;"> -->
-and Swarthmore-specific guidance.''
+<div class="wik-card2" style="
+background-color: rgba(161, 24, 51, 0.07);
+    border: 0px solid #797979;
+    border-radius: 8px;
+    padding: 16px;
+    box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
+    display: flex;
+    flex-direction: column;
+    >
+== Getting Started with Accessibility ==
+New to accessibility at Swarthmore? Start here for key concepts and Swarthmore-specific guidance.
+* [https://www.w3.org/WAI/people-use-web/ How People with Disabilities Use the Web]
 * [["Fast Five" Essentials to Preparing Materials]]
-* [[Accessibility Main Page]]
 * [[Simple testing before you buy]]
-* [[I have a Mac, do I have the right version of Office to use the Accessibility Checker?]]
 </div>
-<div style="background-color:#f9f6f0; border:3px solid #990000; border-radius: 12px;
+<!-- hide the original and add the wiki-card class <div style="background-color:#f9f6f0; border-left:3px solid #990000; padding:0px 1.0em ; margin-top:28px; margin-bottom:1.75em;"> -->
-padding:12px 16px; margin-top:28px; margin-bottom:0.75em;">
+<div class="wik-card2" style="
+background-color: rgba(161, 24, 51, 0.07);
+    border: 0px solid #797979;
+    border-radius: 8px;
+    padding: 16px;
+    box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
+    display: flex;
+    flex-direction: column;"
+    >
+== Web & Digital Accessibility ==
+Ensure that web pages, course materials, and other digital content
+meet accessibility standards.
+* [[Best Practices: Webpage Creation]]
+* [[Automated Web Accessibility Checkers - Lighthouse]]
+* [[Accessibility and Online Teaching]]
+</div>
+<!-- hide the original and add the wiki-card class <div style="background-color:#f9f6f0; border-left:3px solid #990000; padding:0px 1.0em ; margin-top:28px; margin-bottom:1.75em;"> -->
+<div class="wik-card2" style="
+background-color: rgba(161, 24, 51, 0.07);
+    border: 0px solid #797979;
+    border-radius: 8px;
+    padding: 16px;
+    box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
+    display: flex;
+    flex-direction: column;
+     margin: .125em 0;"
+    >
 == Document Accessibility ==
-''Create Word documents, PDFs, and other files that work for everyone,
+Create Word documents, PDFs, and other files that work for everyone,
-including people who use screen readers.''
+including people who use screen readers.
 * [[Creating Accessible Documents]]
@@ Line 42: / Line 78: @@
 * [[Scanning Documents for Uploading to Moodle Assignments]]
 * [[Process for obtaining accessible books]]
-* [[Google Docs: Changing the Look of Headings and Paragraphs]]
+* [[Change the Look of Headings and Paragraphs in Google Docs]]
+</div><!-- hide the original and add the wiki-card class <div style="background-color:#f9f6f0; border-left:3px solid #990000; padding:0px 1.0em ; margin-top:28px; margin-bottom:1.75em;"> -->
+<div class="wik-card2" style="
+background-color: rgba(161, 24, 51, 0.07);
+    border: 0px solid #797979;
+    border-radius: 8px;
+    padding: 16px;
+    box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
+    display: flex;
+    flex-direction: column;
+    margin: .125em 0;"
+    >
+== Microsoft Office Accessibility ==
+''Step-by-step guidance for making Office files accessible
+using Microsoft's built-in tools.''
+* [[Use Microsoft's Accessibility Checkers]]
+* [[Using Word's Properties to flow into a more accessible PDF]]
+* [[Using Word's Style Gallery to Create Structure in Your Document]]
+* [[Do I have the right version of Word for Mac to use the Accessibility Checker?]]
+* [[Microsoft Office 365|Get Microsoft Office 365]]
 </div>
-<div style="background-color:#f9f6f0; border:3px solid #990000; border-radius: 12px;
+<!-- hide the original and add the wiki-card class <div style="background-color:#f9f6f0; border-left:3px solid #990000; padding:0px 1.0em ; margin-top:28px; margin-bottom:1.75em;"> -->
-padding:12px 16px; margin-top:28px; margin-bottom:0.75em;">
+<div class="wik-card2" style="
+background-color: rgba(161, 24, 51, 0.07);
+    border: 0px solid #797979;
+    border-radius: 8px;
+    padding: 16px;
+    box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
+    display: flex;
+    flex-direction: column;
+     margin: .125em 0;"
+    >
 == Images & Visual Content ==
-''Make sure images and visual materials convey their meaning
+Make sure images and visual materials convey their meaning to all users, including those who can't see them.
-to all users, including those who can't see them.''
 * [[Tools & Tips for Image Descriptions]]
 * [[Guidelines for creating accessible digital signage]]
 </div>
+<!-- hide the original and add the wiki-card class <div style="background-color:#f9f6f0; border-left:3px solid #990000; padding:0px 1.0em ; margin-top:28px; margin-bottom:1.75em;"> -->
-<div style="background-color:#f9f6f0; border:3px solid #990000; border-radius: 12px;
+<div class="wik-card2" style="
-padding:12px 16px; margin-top:28px; margin-bottom:0.75em;">
+background-color: rgba(161, 24, 51, 0.07);
+    border: 0px solid #797979;
+    border-radius: 8px;
+    padding: 16px;
+    box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
+    display: flex;
+    flex-direction: column;
+    margin: .125em 0;"
+    >
 == Video & Media Accessibility ==
-''Add captions and transcripts to videos so all users can access
+Add captions and transcripts to videos so all users can access
-your content, including recordings of classes and meetings.''
+your content, including recordings of classes and meetings.
-* [[ALLY:Auto Captioning Videos in Panopto]]
+* [[ALLY:Auto Captioning Videos in Panopto|Captioning Videos in Panopto]]
 * [[Auto-Captioning Video in YouTube]]
-* [[Panopto: Enable Automatic Caption Requests Per Folder]]
 * [[Live Captions and Transcripts on Personal Devices]]
-</div>
-<div style="background-color:#f9f6f0; border:3px solid #990000; border-radius: 12px;
-padding:12px 16px; margin-top:28px; margin-bottom:0.75em;">
-== Web & Digital Accessibility ==
-''Ensure that web pages, course materials, and other digital content
-meet accessibility standards.''
-* [[Best Practices: Webpage Creation]]
-* [[Automated Web Accessibility Checkers - Lighthouse]]
-* [[Accessibility and Online Teaching]]
 </div>
-<div style="background-color:#f9f6f0; border:3px solid #990000; border-radius: 12px;
+<!-- hide the original and add the wiki-card class <div style="background-color:#f9f6f0; border-left:3px solid #990000; padding:0px 1.0em ; margin-top:28px; margin-bottom:1.75em;"> -->
-padding:12px 16px; margin-top:28px; margin-bottom:0.75em;">
+<div class="wik-card2" style="
+background-color: rgba(161, 24, 51, 0.07);
+    border: 0px solid #797979;
+    border-radius: 8px;
+    padding: 16px;
+    box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
+    display: flex;
+    flex-direction: column;
+    margin: .125em 0;"
+    >
 == Assistive Technology & Device Settings ==
-''Learn about screen readers, keyboard navigation, and built-in
+''Learn about screen readers, keyboard navigation, and built-in accessibility features on your devices.''
-accessibility features on your devices.''
 * [[Assistive Technology Software]]
 * [[Activating Sticky Keys]]
-* [[iOS Background Sounds: Focus, Calm, and Accessibility]]
+* [[iOS Background Sounds Focus, Calm, and Accessibility]]
 * [[Accessibility Filescan]]
 </div>
-<div style="background-color:#f9f6f0; border:3px solid #990000; border-radius: 12px;
+<!-- hide the original and add the wiki-card class <div style="background-color:#f9f6f0; border-left:3px solid #990000; padding:0px 1.0em ; margin-top:28px; margin-bottom:1.75em;"> -->
-padding:12px 16px; margin-top:28px; margin-bottom:0.75em;">
+<div class="wik-card2" style="
-== Microsoft Office Accessibility ==
+background-color: rgba(161, 24, 51, 0.07);
-''Step-by-step guidance for making Office files accessible
+    border: 0px solid #797979;
-using Microsoft's built-in tools.''
+    border-radius: 8px;
+    padding: 16px;
-* [[Use Microsoft's Accessibility Checkers]]
+    box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
-* [[I have a Mac, do I have the right version of Office to use the Accessibility Checker?]]
+    display: flex;
-* [[Using Word's Properties to flow into a more accessible PDF]]
+    flex-direction: column;
-* [[Using Word's Style Gallery to Create Structure in Your Document]]
+    margin: .125em 0;"
-</div>
+    >
 == Links to Other Resources ==
 ''External tools and Swarthmore-specific resources to support
@@ Line 107: / Line 172: @@
 * [[Accessibility Filescan]]
 * [https://www.swarthmore.edu/accessibility Accessibility at Swarthmore]
-* [[Gem Alt Text Tool]]
+* [https://blogs.swarthmore.edu/its/2026/01/15/you-too-can-create-better-alt-text/ Gem Alt Text Tool]
+<!--close the card grid --></div>
 [[Category:Accessibility]]
 <!-- {{Category Navbox|Accessibility}}
@@ Line 119: / Line 184: @@
 * [https://www.swarthmore.edu/accessibility Accessibility at Swarthmore]
 * Gem Alt Text Tool
--->
+-->[[Category:NoFS]]
-[[Category:Accessibility]]
-<!-- Imported from Confluence page id=20381698 (https://swatkb.atlassian.net/wiki/spaces/ALLY/overview) -->