Accessibility Home: Difference between revisions

Revision as of 21:46, 12 June 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.

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.

Microsoft Office Accessibility

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

Links to Other Resources

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

@@ Line 25: / Line 25: @@
      background: #FCF5E5;
 background: linear-gradient(180deg,rgba(252, 245, 229, 0.25) 82%, rgba(132, 1, 14, 0.085) 100%);
      border: 2px solid #990000;
      border-radius: 8px;
@@ Line 64: / Line 63: @@
 <div class="wik-card" style="
 background: #FCF5E5;
-background: linear-gradient(180deg,rgba(252, 245, 229, 0.25) 82%, rgba(132, 1, 14, 0.085) 100%);
+background: linear-gradient(180deg,rgba(252, 245, 229, 0.36) 62%, rgba(252, 245, 229, 8) 100%);
      border: 2px solid #990000;
      border-radius: 8px;
@@ Line 87: / Line 86: @@
 <!-- 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;
-background: linear-gradient(180deg,rgba(252, 245, 229, 0.25) 82%, rgba(132, 1, 14, 0.085) 100%);
+background: linear-gradient(180deg,rgba(252, 245, 229) 82%, rgba(250, 249, 246, 0.95) 100%);
      border: 2px solid #990000;
      border-radius: 8px;
@@ Line 101: / Line 100: @@
 </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-color: rgba(132, 1, 14, 0.08);
+<div class="wik-card" style="background: #FAF9F6;
      border: 2px solid #990000;
      border-radius: 8px;
@@ Line 121: / Line 120: @@
 <!-- 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(250, 249, 246 0.8);
      border: 2px solid #990000;
      border-radius: 8px;