Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-80502

H5P editor: Add CKEditor Language plugin

    XMLWordPrintable

Details

    • New Feature
    • Resolution: Won't Do
    • Minor
    • None
    • 4.1.8, 4.2.5, 4.3.2
    • Accessibility, H5P
    • None
    • MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-80502-401
    • MDL-80502-402
    • MDL-80502-403
    • MDL-80502-main
    • Hide

      Enable new multilingual text plugin:

      1. Make sure H5P content types are installed
      2. Go to Site administration -> H5P settings
      3. Verify that a new option appears: "Multilingual Text Plugin"
      4. Enable the Multilingual Text Plugin
      5. Verify that another setting appears: "Enabled Languages for Multilingual Text"
      6. Enable ** languages "Afar" and "Abkhazian (аҧсуа бызшәа)"
      7. Save changes

      Create multilingual content:

      1. Go to an existing course or create a new one
      2. Go to "More" -> "Content bank"
      3. Click "Add" -> "Accordion"
      4. Enter an arbitrary title in the main Title field as well as the Panel Contents Title-field
      5. Make the Text field focused by clicking on it
      6. Verify that a button for selecting language appears on the far right of the toolbar
      7. Verify that the menu that appears when clicking this button contains the two items "Afar" and "Abkhazian (аҧсуа бызшәа)"
      8. Enter some words in the Text-field, and tag different words with different languages.
      9. Save the content

      Verify multilingual content:

      1. Open the new content from the content bank, if not already opened
      2. Open the panel to display the multilingual text
      3. Use browser inspection tool to verify that the HTML now contains <span>-elements with lang codes.

      Disable plugin:{}

      1. Go to Site administration -> H5P settings{}
      2. Uncheck checkbox "Multilingual Text Plugin"
      3. Verify that the option for selecting languages has disappeared
      4. Save settings
      5. Go to a course
      6. Go to "More" -> "Content bank"
      7. Go to "Add" -> "Accordion"
      8. Make the Text-field focused by clicking on it
      9. Verify that the button for selecting languages in the toolbar is now gone.

       

      Show
      Enable new multilingual text plugin: Make sure H5P content types are installed Go to Site administration -> H5P settings Verify that a new option appears: "Multilingual Text Plugin" Enable the Multilingual Text Plugin Verify that another setting appears: "Enabled Languages for Multilingual Text" Enable ** languages "Afar" and "Abkhazian (аҧсуа бызшәа)" Save changes Create multilingual content: Go to an existing course or create a new one Go to "More" -> "Content bank" Click "Add" -> "Accordion" Enter an arbitrary title in the main Title field as well as the Panel Contents Title-field Make the Text field focused by clicking on it Verify  that a button for selecting language appears on the far right of the toolbar Verify that the menu that appears when clicking this button contains the two items "Afar" and "Abkhazian (аҧсуа бызшәа)" Enter some words in the Text-field, and tag different words with different languages. Save the content Verify multilingual content: Open the new content from the content bank, if not already opened Open the panel to display the multilingual text Use browser inspection tool to  verify that the HTML now contains <span>-elements with lang codes. Disable plugin: { } Go to Site administration -> H5P settings { } Uncheck checkbox "Multilingual Text Plugin" Verify that the option for selecting languages has disappeared Save settings Go to a course Go to "More" -> "Content bank" Go to "Add" -> "Accordion" Make the Text-field focused by clicking on it Verify that the button for selecting languages in the toolbar is now gone.  

    Description

      Problem to be solved:

      When creating or editing H5P content that includes more than one language, one should be able to specify what parts of the text is in what language. This is important so that accessibility tools like screen readers can work properly. 

       

      Wanted functionality:

      The editor of the H5P-content should be able to specify language for specific parts of a text, to enable HTML semantics like this:

      What does <span lang="fr">"bonjour"</span> translate to?

       

      Suggested solution:

      • Introduce a new H5P setting in Moodle to enable the CKEditor4 Language plugin
      • Allow Moodle sites to customize the available languages in the CKEditor dropdown.
      • Include a language selection button in the CKEditor within H5P when this feature is enabled.

      Attachments

        Activity

          People

            Unassigned Unassigned
            audunlillekjendlie_udir Audun Lillekjendlie
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Clockify

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.