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

TinyMCE: Add premium accessibility plugin

XMLWordPrintable

    • MOODLE_500_STABLE
    • MDL-84125-main
    • Hide

      Testing scenario

      1. Go to Site admin -> plugins -> Text editors -> TinyMCE editor
      2. Go to Site admin -> plugins -> Text editors -> TinyMCE Premium
      3. Enter in a valid Tiny API key (reach out if you need one)
      4. Save changes
      5. CONFIRM you can see 'Accessibility Checker' in the list of Premium plugins
      6. Enable 'Accessibility Checker' 
      7. CONFIRM you see an info notification about the premium accessibility checker overriding the default one.
      8. Go to any page that has a TinyMCE editor (e.g. edit profile)
      9. In a separate window, go to https://www.tiny.cloud/docs/tinymce/6/a11ychecker/
      10. Copy the example HTML in the page's editor. We need this because it will trigger the accessibility checks.
      11. Go back to your Moodle editor and past in the HTML into your editor
      12. In the TinyMCE editor menu bar, click on 'Tools'
      13. CONFIRM you can see 'Accessibility checker' in the list
      14. Click on 'Accessibility checker'
      15. CONFIRM that the accessibility checker is working and detecting all the issues (ensure it is the Tiny Premium Accessibility Checker and not our default one. You can compare it to the behaviour of the plugin on Tiny's website using link previously provided).
      16. Close the accessibility checker
      17. In the TinyMCE toolbar, expand the tools using the ellipses icon (...)
      18. CONFIRM you can see the accessibility checker icon and that it triggers the checker too.
      Show
      Testing scenario Go to Site admin -> plugins -> Text editors -> TinyMCE editor Go to Site admin -> plugins -> Text editors -> TinyMCE Premium Enter in a valid Tiny API key (reach out if you need one) Save changes CONFIRM you can see 'Accessibility Checker' in the list of Premium plugins Enable 'Accessibility Checker'  CONFIRM you see an info notification about the premium accessibility checker overriding the default one. Go to any page that has a TinyMCE editor (e.g. edit profile) In a separate window, go to https://www.tiny.cloud/docs/tinymce/6/a11ychecker/ Copy the example HTML in the page's editor. We need this because it will trigger the accessibility checks. Go back to your Moodle editor and past in the HTML into your editor In the TinyMCE editor menu bar, click on 'Tools' CONFIRM you can see 'Accessibility checker' in the list Click on 'Accessibility checker' CONFIRM that the accessibility checker is working and detecting all the issues (ensure it is the Tiny Premium Accessibility Checker and not our default one. You can compare it to the behaviour of the plugin on Tiny's website using link previously provided). Close the accessibility checker In the TinyMCE toolbar, expand the tools using the ellipses icon (...) CONFIRM you can see the accessibility checker icon and that it triggers the checker too.
    • Hide

      Code verified against automated checks.

      Checked MDL-84125 using repository: https://github.com/davewoloszyn/moodle.git

      More information about this report

      Built on: Wed Jan 22 05:39:55 AM UTC 2025

      Show
      Code verified against automated checks. Checked MDL-84125 using repository: https://github.com/davewoloszyn/moodle.git main (0 errors / 0 warnings) [branch: MDL-84125-main | CI Job ] More information about this report Built on: Wed Jan 22 05:39:55 AM UTC 2025
    • Show
      Launching automatic jobs for branch MDL-84125 -main https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/18060/ PHPUnit (sqlsrv) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/61699/ Behat (NonJS - boost and classic) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/61700/ Behat (Firefox - boost) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/61701/ Behat (Firefox - classic) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/61702/ App tests (stable app version) --> unrelated app failure Built on: Fri Jan 24 12:30:18 AM UTC 2025
    • 2
    • Team Hedgehog 2025 Sprint 1.0, Team Hedgehogs 2025 Sprint 1.1, Team Hedgehogs 2025 Sprint 1.2

      In MDL-75268 we introduced a subset of the available TinyMCE premium plugins (https://www.tiny.cloud/docs/tinymce/6/plugins/).

      There were some that were compatible with LMS that we did not add for various reasons. One is the TinyMCE Premium accessibility plugin. This was not added initially, because it would mean there could be two plugins for this feature and that would confuse users. However, since the initial implementation administrators can now enable/disable both premium and "Moodle" Tiny editor plugins. So there is now no blocker to adding the accessibility plugin.

      The inclusion of this plugin has been requested from the community, internally from the Services Division in Moodle and by Tiny.

      https://www.tiny.cloud/docs/tinymce/6/a11ychecker/

      This issue is to add the Tiny premium accessibility plugin to LMS.

        1. tiny-accessibility-ss.png
          tiny-accessibility-ss.png
          61 kB
        2. accessibility checker notification.png
          accessibility checker notification.png
          139 kB
        3. premium-checker-1.png
          premium-checker-1.png
          33 kB
        4. premium-checker-2.png
          premium-checker-2.png
          48 kB
        5. Screencast from 2025-02-17 11-35-37.mp4
          1.06 MB
        6. MDL-84125.png
          MDL-84125.png
          968 kB

            david.woloszyn@moodle.com David Woloszyn
            matt.porritt@moodle.com Matt Porritt
            Meirza Meirza
            Safat Shahin Safat Shahin
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 1 hour, 19 minutes
                1d 1h 19m

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