Accessibility Home: Difference between revisions

Revision as of 19:55, 15 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.

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 27: / Line 27: @@
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(162,162,162, 0.6);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;
@@ Line 45: / Line 45: @@
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(162,162,162, 0.6);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;"
@@ Line 63: / Line 63: @@
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(162,162,162, 0.6);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;
@@ Line 86: / Line 86: @@
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(162,162,162, 0.6);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;
@@ Line 106: / Line 106: @@
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(162,162,162, 0.6);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;
@@ Line 122: / Line 122: @@
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(162,162,162, 0.6);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;
@@ Line 143: / Line 143: @@
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(162,162,162, 0.6);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;
@@ Line 162: / Line 162: @@
      border-radius: 8px;
      padding: 16px;
-     box-shadow: 0 2px 4px rgba(162,162,162, 0.6);
+     box-shadow: 1px 1px 8px 3px rgba(162,162,162, 0.4);
      display: flex;
      flex-direction: column;