• Skip to main content
  • Skip to main navigation
Baylor University
Drupal Content Management System (CMS)
  • CMS Migration
    • Project Scope
    • Project Context
    • Project Leadership & Team
    • Accessibility Statement
    • URL Redirects
  • Consulting and Design
    • Creating and Migrating Websites
    • Key Terms
    • Project Roles
    • Request a Drupal Site
    • Google Analytics
    • Web Consultants
  • Developer Docs
  • Documentation
    • Accessibility Resources
      • About Web Accessibility
      • Tips for Creating Accessible Content
    • Introduction to Drupal
      • Logging In
      • Platform Updates
      • Workflow States
    • Events
      • Adding an Event
      • Advanced Event Management Tools
      • Event Categories
      • Event Import
      • Event Subscriptions
      • Managing Existing Events
    • Media & Styles
      • Baylor Icons
      • Documents
      • Font Awesome Icons
      • Font Styles
      • Image Sizing
      • Recommended Image Sizes
      • Standards and Practices
      • Video Embedding
      • Videos: Hero Video Specifications
    • Menus, Navigation, and Redirects
      • Add Pages to a Menu
      • Child Page List Details
      • External Links
      • Featured Navigation Links
      • Place a Child Page List Block
      • Reordering the Menu
      • URLs and Redirects
    • News
      • Adding a News Story
      • Advanced News Story Options
      • Managing Existing News Stories
      • News Categories
      • News Importing
      • News Subscriptions
    • Pages
      • Basic Pages
      • Landing Pages
    • Advanced Features
      • People
      • Asides
    • Users & Roles
      • Drupal User Roles
    • Other Systems
      • Forms
      • Mass Email
      • Baylor CMS
    • Drupal Forms
      • Access Submissions
      • Download Submissions
      • Submitted Data
  • News & Updates
  • Training
  • Admin & Role Management
Baylor BU Drupal Content Management System (CMS) Documentation Accessibility Resources Tips for Creating Accessible Content
  • Accessibility Resources
    • About Web Accessibility
    • Tips for Creating Accessible Content
  • Introduction to Drupal
  • Events
  • Media & Styles
  • Menus, Navigation, and Redirects
  • News
  • Pages
  • Advanced Features
  • Users & Roles
  • Other Systems
  • Drupal Forms

Tips for Creating Accessible Content

As a web content manager, you play an important role in crafting accessible websites.

Before You Begin

  • The Marketing & Communications division employs professional designers and web developers who work to ensure the accessibility of our website. The colors, typography, and structure of our websites were built with accessibility in mind and deviating from the Baylor United brand standards and web templates may violate accessibility rules.
  • Keep it simple. Don’t overthink the structure of your content. Rely on simple formatting tools in the WYSIWYG editor to fashion it in a straightforward way. Introducing unnecessary complexity in a webpage’s layout, typography, or color increases the likelihood that your content will be inaccessible or, at the very least, not user-friendly.
  • Website visitors use a wide range of technology to interact with our website. Roughly one-half of traffic to baylor.edu comes from mobile devices, and the CMS templates have been designed to work on every device. As you're building pages, avoid using styles that focus on one device type or another. Specifically, using tables to style content violates accessibility guidelines and presents challenges for mobile users.

Creating Accessible Content

1. Use alt text in your <img> elements

The “alt” attribute is used by screen readers to describe an image for users with visual disabilities. When the alt text is not present, these users will not have an understanding of what the image depicts or why it’s being used in a particular context. Below is an example of correct and incorrect uses of alt text in HTML code:

Correct: <img alt="Pat Neff Hall" src="pat_neff.jpg" />

Incorrect: <img src="pat_neff.jpg" />

Resources:

  • Learn more about using “alt” text.

2. Use descriptive link text

Link text should describe the page being linked to and must not be identical to any other link text on the page. Consider the example below:

Correct: <a href="https://about.web.baylor.edu/history">Baylor's History</a>

Incorrect: <a href="https://about.web.baylor.edu/history">about.web.baylor.edu/history</a>

The incorrect example above includes the URL of the page, something that is unhelpful for those using a screen reader.

Consider this example:

Correct: <a href="baylor_university.html">About Baylor University</a>

Incorrect: <a href="baylor_university.html">About</a>

The incorrect example above does not contain link text that describes the linked page, a page about Baylor University.

3. Don’t include text in images or graphics

Text contained within images is inaccessible to screen readers and should be avoided. When creating content for message centers or emails, decouple text from accompanying graphics and use alt text. In addition to accessibility, this improves usability for website visitors who are using mobile (small-screen) devices. Images with text are often difficult to read when using iPhone or Android devices.

Logos, event graphics, and charts are exceptions to this rule as long as the correct alt text is used. For charts and data visualizations, use the alt text to declare that the graphic is a chart. For example:

Correct: <img src="path/to/bar_chart.png" alt="Bar Chart of Student Enrollment" />

Incorrect: <img src="path/to/bar_chart.png" alt="Student Enrollment" />

4. Use HTML headings appropriately

Use HTML headings (i.e., <h1> - <h6> in accordance with the logical structure of the document. Follow these steps to use headings correctly:

  • Rely on the heading styles available in Drupal's "Style" menu.
  • Do not use the <h1> tag, as that is reserved for the page title.
  • Page sections of equal importance should have the same heading.
  • Headings should be used in sequential order (i.e. don't skip from an <h2> to an <h4>)

5. Avoid using HTML elements solely for presentational purposes

Use HTML elements based on the kind of content you're displaying and not for presentational purposes.

  • Tabular data should use a <table> element.
  • Lists should use a <ul> (unordered) or <ol> (ordered) element.
  • Paragraphs should use a <p> element.
  • Headings should use a <h*> element, properly sequenced from <h2> to <h6>.

For example, a content manager might use a <table> element to simulate a two-column display. This represents an accessibility violation and must be avoided.

6. PDF files must be accessible

Before you upload PDF documents to Drupal, make sure to use Adobe Acrobat tools to run an accessibility check.

PDF Accessibility Resources

  • Adobe Creative Cloud is available to all faculty and staff members at no charge. Adobe Acrobat Pro is included as a free download as part of Creative Cloud.
  • Create and verify PDF accessibility (Acrobat Pro)

7. When in doubt, ask your web consultant

If you have a question related to accessibility, reach out to your department’s web consultant for additional guidance.

Drupal Content Management System (CMS)

ITS and Marketing & Communications

Baylor's content management system is a tool for academic and administrative units to create and manage websites.

andrew_maddox@baylor.edu
Baylor BU Drupal Content Management System (CMS) Documentation Accessibility Resources Tips for Creating Accessible Content
  • CMS Migration
    Back
    • Project Scope
    • Project Context
    • Project Leadership & Team
    • Accessibility Statement
    • URL Redirects
  • Consulting and Design
    Back
    • Creating and Migrating Websites
    • Key Terms
    • Project Roles
    • Request a Drupal Site
    • Google Analytics
    • Web Consultants
  • Developer Docs
  • Documentation
    Back
    • Accessibility Resources
      Back
      • About Web Accessibility
      • Tips for Creating Accessible Content
    • Introduction to Drupal
      Back
      • Logging In
      • Platform Updates
      • Workflow States
    • Events
      Back
      • Adding an Event
      • Advanced Event Management Tools
      • Event Categories
      • Event Import
      • Event Subscriptions
      • Managing Existing Events
    • Media & Styles
      Back
      • Baylor Icons
      • Documents
        Back
        • Add a Document to the Media Library
        • Add a Document as an Inline Link
        • Add a Document as a List Item
      • Font Awesome Icons
      • Font Styles
      • Image Sizing
      • Recommended Image Sizes
      • Standards and Practices
      • Video Embedding
      • Videos: Hero Video Specifications
    • Menus, Navigation, and Redirects
      Back
      • Add Pages to a Menu
      • Child Page List Details
      • External Links
      • Featured Navigation Links
      • Place a Child Page List Block
      • Reordering the Menu
      • URLs and Redirects
    • News
      Back
      • Adding a News Story
      • Advanced News Story Options
      • Managing Existing News Stories
      • News Categories
      • News Importing
      • News Subscriptions
    • Pages
      Back
      • Basic Pages
        Back
        • Adding a Basic Page
        • Basic Page Hero Image
        • Editing a Basic Page
        • Secured Page Content
      • Landing Pages
    • Advanced Features
      Back
      • People
        Back
        • Adding a Person
        • Adding a Person - Updates
        • Editing a Person
      • Asides
        Back
        • Create an Aside
        • Add an Aside to a Webpage
    • Users & Roles
      Back
      • Drupal User Roles
    • Other Systems
      Back
      • Forms
        Back
        • Baylor Forms (New)
        • BUCMS Forms (Legacy)
        • E-Commerce Forms
      • Mass Email
      • Baylor CMS
    • Drupal Forms
      Back
      • Access Submissions
      • Download Submissions
      • Submitted Data
  • News & Updates
  • Training
  • Admin & Role Management
  • General Information
  • Academics & Research
  • Administration
  • Admissions
  • Gateways for ...
  • About Baylor
  • Athletics
  • Ask Baylor
  • Bookstore
  • Calendar
  • Campus Map
  • Directory
  • Give to Baylor
  • News
  • Search
  • Social Media
  • Strategic Plan
  • College of Arts & Sciences
  • Diana R. Garland School of Social Work
  • George W. Truett Theological Seminary
  • Graduate School
  • Hankamer School of Business
  • Honors College
  • Law School
  • Louise Herrington School of Nursing
  • Research at Baylor University
  • Robbins College of Health and Human Sciences
  • School of Education
  • School of Engineering & Computer Science
  • School of Music
  • University Libraries, Museums, and the Press
  • More Academics
  • Athletics
  • Compliance, Risk and Safety
  • Human Resources
  • Marketing and Communications
  • Office of General Counsel
  • Office of the President
  • Office of the Provost
  • Operations, Finance & Administration
  • Senior Administration
  • Student Life
  • University Advancement
  • Undergraduate Admissions
  • goBAYLOR
  • Graduate Admissions
  • Baylor Law School Admissions
  • Social Work Graduate Programs
  • George W. Truett Theological Seminary Admissions
  • Online Graduate Professional Education
  • Virtual Tour
  • Visit Campus
  • Alumni & Friends
  • Faculty & Staff
  • Online Graduate Professional Education
  • Parents
  • Prospective Faculty & Staff
  • Prospective Students
  • Students
  • Anonymous Reporting
  • Annual Fire Safety and Security Notice
  • Cost of Attendance
  • Digital Privacy
  • Legal Disclosures
  • Mental Health Resources
  • Notice of Non-Discrimination
  • Report It
  • Title IX
  • Web Accessibility
 
Baylor University
Copyright © Baylor® University. All rights reserved.
Baylor University • Waco, Texas 76798 • 1-800-229-5678