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 23: / Line 23: @@
 <!-- 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: #cecece;
+background-color: rgba(161, 24, 51, 0.07);
-background: linear-gradient(180deg,rgba(232, 232, 232, 0.36) 95%, rgba(1,0,1, 0.035) 100%);
+     border: 0px solid #797979;
-     border: 0px solid #ececed;
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 2px 3px rgba(3, 2, 1, 0.1);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;
-    margin-bottom: .75em;"
      >
 == Getting Started with Accessibility ==
@@ Line 39: / Line 37: @@
 * [["Fast Five" Essentials to Preparing Materials]]
 * [[Simple testing before you buy]]
-* [[I have a Mac, do I have the right version of Office to use the Accessibility Checker?]]
 </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-card" style="
+<div class="wik-card2" style="
-background: #FCF5E5;
+background-color: rgba(161, 24, 51, 0.07);
-background: linear-gradient(180deg,rgba(252, 245, 229, 0.25) 82%, rgba(226, 223, 210, 0.85) 100%);
+     border: 0px solid #797979;
-     border: 2px solid #990000;
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;"
@@ Line 61: / Line 57: @@
 </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-card" style="
+<div class="wik-card2" style="
-background: #FCF5E5;
+background-color: rgba(161, 24, 51, 0.07);
-background: linear-gradient(180deg,rgba(252, 245, 229, 0.36) 62%, rgba(252, 245, 229, 8) 100%);
+     border: 0px solid #797979;
-     border: 0px solid #990000;
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(153, 0, 0, 0.1);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
-     flex-direction: column;"
+     flex-direction: column;
+     margin: .125em 0;"
      >
 == Document Accessibility ==
@@ Line 82: / 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(132, 1, 14, 0.08);
+background-color: rgba(161, 24, 51, 0.07);
-     border: 2px solid #990000;
+     border: 0px solid #797979;
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
-     flex-direction: column;"
+     flex-direction: column;
-     margin: 1em 0;
+     margin: .125em 0;"
      >
 == Microsoft Office Accessibility ==
@@ Line 99: / Line 95: @@
 * [[Use Microsoft's Accessibility Checkers]]
-* [[I have a Mac, do I have the right version of Office to use the Accessibility Checker?]]
 * [[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>
 <!-- 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-card" style="background: #FCF5E5;
+<div class="wik-card2" style="
-background: linear-gradient(180deg,rgba(252, 245, 229) 82%, rgba(250, 249, 246, 0.95) 100%);
+background-color: rgba(161, 24, 51, 0.07);
-     border: 2px solid #990000;
+     border: 0px solid #797979;
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
-     flex-direction: column;"
+     flex-direction: column;
+     margin: .125em 0;"
      >
 == Images & Visual Content ==
@@ Line 119: / Line 117: @@
 </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-card" style="background: #FAF9F6;
+<div class="wik-card2" style="
-background-color: rgba(132, 1, 14, 0.08);
+background-color: rgba(161, 24, 51, 0.07);
-     border: 0px solid #990000;
+     border: 0px solid #797979;
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 3px 2px rgba(153, 0, 0, 0.1);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
-     flex-direction: column;"
+     flex-direction: column;
+    margin: .125em 0;"
      >
 == Video & Media Accessibility ==
@@ Line 132: / Line 131: @@
 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>
@@ Line 140: / Line 138: @@
 <!-- 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(250, 249, 246 0.8);
+background-color: rgba(161, 24, 51, 0.07);
-     border: 0px solid #990000;
+     border: 0px solid #797979;
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 5px rgba(153, 0, 0, 0.3);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
-     flex-direction: column;"
+     flex-direction: column;
-     margin: 1em 0;
+     margin: .125em 0;"
      >
 == Assistive Technology & Device Settings ==
 ''Learn about screen readers, keyboard navigation, and built-in accessibility features on your devices.''
@@ Line 160: / Line 157: @@
 <!-- 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: 1px solid #ccc;
+     border: 0px solid #797979;
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
-     flex-direction: column;"
+     flex-direction: column;
-     margin: 1em 0;
+     margin: .125em 0;"
      >
 == Links to Other Resources ==
@@ Line 179: / Line 176: @@
 <!--close the card grid --></div>
 [[Category:Accessibility]]
 <!-- {{Category Navbox|Accessibility}}
@@ Line 188: / Line 184: @@
 * [https://www.swarthmore.edu/accessibility Accessibility at Swarthmore]
 * Gem Alt Text Tool
--->
+-->[[Category:NoFS]]
-[[Category:Accessibility]]