Understanding the Need for "Tags"

Format Effectively with the Rich Content Editor

"Can I just leave my pages with bold text for headings and create a list using dashes and spaces? It looks the same to me."

The simple answer is: Sorry, no. smiley face winking

Here's why. . .

HTML

Hypertext Markup Language (HTML) is a standardized formatting language for tagging web text to achieve font, color, graphic, and hyperlink effects. 

It tells browsers how to lay out and display the content on any given web page. Access to basic HTML—which you have through the Canvas Rich Content Editor (RCE)—gives you greater control over the appearance of your pages. Using any of the RCE tools will create different types of tags. For example, if you use the bulleted list tool in the RCE tool, you are creating an unordered <ul> HTML tag.

With tags, screen readers are able to decipher whether the object is text, a list, a heading, an image, a link, etc. 

Screen reader devices rely on the specific HTML tags to indicate true headings (and lists, tables, etc.) in order to navigate a page.  

Luckily, using the RCE makes effective formatting easy!

Learn more: What Is a Screen Reader? Links to an external site. (includes a great short video demonstration.)

How Screen Readers Interpret the Tags

<p>Here's a paragraph.</p>

<h2>Here's a heading 2.</h2>

<p>Here's a bulleted (unordered) list: </p>

<ul>

<li>Item 1</li>

<li>Item 2</li>

</ul>

What It Looks Like to Us

Here's a paragraph.

Here's a heading 2.

Here's a bulleted list:

  • Item 1
  • Item 2

If things aren't tagged properly, it all looks like plain old "regular" text to a screen reader device, making it very hard for a student to successfully navigate and make sense of the page.


Next we'll dive into how to use the Canvas Rich Content Editor to format for accessibility easily.