Accessibility (ADA) Checker


 






Label Non-English Text in the Editor Widget

Who can use this feature?

Engage_-_System_Admin.png Engage_-_Slash.png Engage_-_Owner.png Engage_-_Slash.png Engage_-_Publisher.png Engage_-_Slash.png Engage_-_Author.png

 

 

Overview

To meet the WCAG 3.1.1 Language of Page requirement to make page content more accessible to people with disabilities, label any text other than English in the Editor Widget using the HTML attribute <span lang="_"> (example: label Spanish as <span lang="es">). 

Instructions

  1. Navigate to the page with non-English text
  2. Ensure that Live Edit Is On
    LiveEditOn.png
  3. Click inside the Editor Widget
    click_inside_editor.png
  4. Identify the text that is in a non-English language and highlight on the non-code side
    highlight.png
  5. Select the Globe/Language Icon to view the language drop-down menu
    glove.png
  6. Select the appropriate language
    spanish.png
  7. Click into the Code View
    code_view.png
  8. Ensure that the code reads <span "lang="lang abbreviation">Text</span>
    lang_tag.png
    • Note: The <span> tag does not stand for Spanish, it is an HTML text marker.
    • Example: <span lang="es">Por favor</span>
  9. Click the Green Checkmark to exit the editor
    green_checkmark.png
  10. Click Save at the top of the page
    save_page.png



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback