CCS Drupal Guide
  • Introduction
  • Drupal Platform Introduction
  • Drupal User Roles & Responsibilities
  • Workbench Moderation
  • Drupal Websites: Getting Started
    • Drupal Text (WYSIWYG) Editor
    • Taxonomies
  • Managing Menus
    • Sidebar Menus
  • Best Practice Tips
  • UG Drupal Content Types
    • Banners
    • Book
    • Course Outlines
    • Events
    • FAQ
    • Featured Item
    • News
    • Page
    • People Profiles
    • Service
    • Social Media Account
      • Live Feeds
    • Webform
  • Accessible Content Guide
    • Accessibility Basics
      • Accessibility First Content Development
      • HALT: Accessibility with the Drupal Text Editor
      • Accessible Design Intro
    • Content Titles & Headings
    • Links
    • Colour
    • Documents
    • Images
    • Tables
    • Lists
    • Audio & Video
    • Other Accessible Content
  • Advanced Topics on Drupal Websites
    • Blocks
    • Collapsible Sections / Accordions
    • Categorizing and Displaying Profiles
    • Headings that Expand and Collapse
    • Tabs
    • Customizing Content Layout
    • Mini Panel
    • Google Maps
    • Google reCAPTCHA
    • Bootstrap: Typography
  • SiteImprove
  • Google Analytics
  • Style Guide Code Snippets
  • Home Page Layout Options
  • Home Page Layout Tutorials
  • Content Type View Panes
    • Course Outline Panes
    • Event Panes
    • FAQ Panes
    • Feature Panes
    • News Panes
    • Social Media/Feeds
    • Service Panes
    • People profiles
  • Customizing Site Search
  • Client FAQ
Powered by GitBook
On this page
  • Titles
  • Headings

Was this helpful?

  1. Accessible Content Guide

Content Titles & Headings

PreviousAccessible Design IntroNextLinks

Last updated 6 years ago

Was this helpful?

Titles

As part of the UG Drupal platform, every content type you create requires a title in order for the content to be successfully created. It is important that the title is unique among the webiste, descriptive of the content, but not too long. The title is the first thing that is shown on each page and it gives the user a general understanding of what the content following it.

Page Titles will also appear in the tab in your browser.

Headings

When writing text for web pages, consider the fact that some users cannot get an overview of a page visually, and instead rely on structural presentation. Make sure that pages are divided into logical sections, each with a heading that is descriptive of the section.

Headings can be selected in the Drupal text editor. Simply highlight some text, and then use the drop-down menu to select the heading level:

/! Note: Do not use heading elements simply to increase font size, and do not use empty heading elements to create space on the page. These improper uses of headings will make the web page less accessible.

/! Strong Recomendation: Headings should be used in successive order. This means that any headings related to the Overall Page title (h1) start with h2 and then follow in order. Picture example below:

Basic Page Title
WYSIWYG Editor with Headings Drop-Down Menu
Example of Nested Headings