Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-43675

CKEditor: accessibility: Add HTML language selector plugin for users to specify text language

    XMLWordPrintable

    Details

    • Test Plan:
      Hide
      1. Access the editor in any tool.
      2. Enter some text in several different languages, e.g., some English, some French, some Japanese.
      3. Select the text that is in one language.
      4. Select the appropriate language from the drop-down.
      5. Repeat for other text.
      6. Switch to Source and confirm presence of divs/spans with appropriate lang attributes, e.g., lang="en" for English, lang="fr" for French, lang="ja" for Japanese.
      7. Save the content and make sure there's no HTML sanitizer error.
      8. Edit the content and switch to Source. Confirm lang attributes weren't stripped by sanitizer.
      Show
      Access the editor in any tool. Enter some text in several different languages, e.g., some English, some French, some Japanese. Select the text that is in one language. Select the appropriate language from the drop-down. Repeat for other text. Switch to Source and confirm presence of divs/spans with appropriate lang attributes, e.g., lang="en" for English, lang="fr" for French, lang="ja" for Japanese. Save the content and make sure there's no HTML sanitizer error. Edit the content and switch to Source . Confirm lang attributes weren't stripped by sanitizer.

      Description

      Specifying the correct language for text is an important WCAG 2.0 accessibility requirement (Success Criterion 3.1.2 Language of Parts). If the language is not set correctly, the characters may not render correctly for the user (e.g., Japanese characters) and will not be read correctly by assistive technology such as screen readers or text-to-speech software.

      This is especially critical in foreign language classes, when students are too new to the language for them to navigate using it (the instructor can't set the site language in the target language or it would be too confusing), so the primary site language is not appropriate for most of the critical content.

      This is a request to add the CKEditor language selector plugin, so users can select some text and specify its language without manually editing the HTML to add the appropriate divs/spans with language attributes.

      Note: I know you can use the <DIV> button to insert a div, and then use the Advanced tab to specify a language, but it's not intuitive and most language instructors will have no clue how to use this.

      Suggested language list for config of language selector plugin:

      config.language_list = [ 'ar:Arabic', 'zh:Chinese', 'en:English', 'fa:Farsi (Persian)', 'fr:French', 'de:German', 'el:Greek', 'ht:Haitian Creole', 'he:Hebrew:rtl', 'hi:Hindi', 'it:Italian', 'ja:Japanese', 'ko:Korean', 'la:Latin', 'pt:Portuguese', 'ru:Russian', 'sa:Sanskrit', 'es:Spanish', 'sw:Swahili', 'bo:Tibetan', 'ur:Urdu'  ];

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                maintenanceteam Core Team
                Reporter:
                rainribbon Tiffany Stull
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                  Dates

                  Created:
                  Updated:

                    Git Integration