Foreign Language Code Tutorial Transcript

Back to Indicating Foreign Language Content in a Canvas Page

---

 First, we'll need to use the foreign language code and customize based on your desired language. In order to edit the code, first, you need to find a specific phrase that is in a different language, and then type the first tag, '<span lang= "XX">' immediately before it.

Then you'll replace the 'XX' with your particular language code. And then at the end of the phrase, type '</span>'-- that's similar to a period-- to let our screen reader know this is the end of the foreign language.

Let's go ahead and do this demo in Canvas.

In this Canvas page, we have a sentence that is partly in English, and the second half of the sentence is in Greek. So, I want to copy and paste my first tag right in front of this phrase here. And then I want to create a tag at the end of this phrase to indicate that this is the end of the foreign language phrase. How do we do this in Canvas?

First, we're going to select 'Edit' in the upper right-hand corner. Select 'HTML Editor'. Now, we'll have to nest our span tags in the correct place. Notice that our sentence actually has existing tags, and the tags are P for paragraph. So, we have a beginning or an open P tag. And then we have a closing P tag. Now, we'll have to place our span tags in between the P tags. This is important because having properly nested code is a WCAG 2.0 Level A requirement. So, on my keyboard, I'm going to place my cursor before the Greek language. Since I have a Mac book, I will use Command, V or Control, V if you have Windows. Next, I'll change the 'XX' to 'EL' because it's the Greek language code. Now I'm going to grab the last part of the span code, find that P tag, the closing P tag, and paste-- Command, V or Control, V if you have Windows.

Now our screen readers will be able to hear the pronunciation correctly.