Canvas, Using the Rich Content Editor to Apply Language Attribution Tags

This page contains information on how to use the Rich Content Editor in Canvas to apply language attribution tags.

How to Apply Language Attribute Tags

Language attribute tags allow assistive technology (AT) like screen readers and other text-to-speech AT to voice text in its native language. Using language tags in your HTML content in Canvas ensures that assistive technology (AT) like screen readers and other text-to-speech AT will pronounce the words accurately, which is critical for correct interpretation of foreign language content.

Without language attribute tags, foreign languages are read with the default English pronounciation and may be largely incomprehensible. For languages with non-Latin alphabets, screen readers and text-to-speech AT may not read out the text at all without a language attribute. For example, watch this video of a screen reader reading various Asian languages in which the characters are not read correctly without the proper language attribute.

Three Steps for Adding Language Attribute Tags

Step 1: Use the HTML Editor in the RCE.

Access your content in the Rich Content Editor (RCE), and select HTML Editor in the RCE toolbar.

Rich Content Editor highlighting HTML Editor toggle

Step 2: Add the Opening Language Attribute Tag

For this tutorial, we will use the following sentence: "Translate the following: Quiero ir al cine."

In the HTML Editor mode, find the specific phrase that is in a different language, and type "<span lang="xx">" immediately before it. Replace "xx" with your particular language code listed below. This example is using "es" for the Spanish language code.

Use the language code list for languages not listed here

HTML Editor showing the following tag added just before the non-English phrase: <span lang=</span>" to close the language attribute tag.

Now everything inside the opening and closing <span> tags will be pronounced according to the language specified, while everything outside the span tags will be pronounced in English.

HTML Editor showing the following tag added just after the non-English phrase: </span>