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

Accessibility issues reported by Axe in TinyMCE media plugin

XMLWordPrintable

    • MOODLE_401_STABLE
    • MOODLE_401_STABLE
    • MDL-76825-401
    • MDL-76825-master
    • Hide

      Prerequisite:

      Axe Accessibility extension must be installed on your browser.

      Testing Instructions #1

      1. Log in as admin.
      2. Make sure we use TinyMCE as an editor by navigating to Editor Preferences.
      3. Go to Edit Profile
      4. Scroll down to the Description input.
      5. Verify that you are using TinyMCE as an editor.
      6. Click the Multimedia icon on the toolbar
      7. Verify that you see an Insert Media popup
      8. In your browser, open Axe DevTool in the Development Tools. And then click "Scan ALL of my Page". Verify that you are not seeing issues related with following:
        1. Help icon without aria-label.
        2. ID Attribute in the input must unique.
        3. Colour contrast.

      Testing Instructions #2 (Colour Contrast)

      1. In the TinyMCE editor, click Insert Multimedia
      2. Verify that you see an Insert Media popup
      3. Click Link tab
      4. Insert the Source URL with youtube video URL e.g. https://www.youtube.com/watch?v=t6WX11iqmg0
      5. FIle the name with "Testing colour contrast"
      6. Click button "Insert Media"
      7. Verify there is a link in the TinyMCE editor.
      8. In your browser, open Axe DevTool in the Development Tools. And then click "Scan ALL of my Page". Verify that you are not seeing Colour Contrast issue.
      Show
      Prerequisite: Axe Accessibility extension must be installed on your browser. Testing Instructions #1 Log in as admin. Make sure we use TinyMCE as an editor by navigating to Editor Preferences. Go to Edit Profile Scroll down to the Description input. Verify that you are using TinyMCE as an editor. Click the Multimedia icon on the toolbar Verify that you see an Insert Media popup In your browser, open Axe DevTool in the Development Tools. And then click "Scan ALL of my Page". Verify that you are not seeing issues related with following: Help icon without aria-label. ID Attribute in the input must unique. Colour contrast. Testing Instructions #2 (Colour Contrast) In the TinyMCE editor, click Insert Multimedia Verify that you see an Insert Media popup Click Link tab Insert the Source URL with youtube video URL e.g. https://www.youtube.com/watch?v=t6WX11iqmg0 FIle the name with "Testing colour contrast" Click button "Insert Media" Verify there is a link in the TinyMCE editor. In your browser, open Axe DevTool in the Development Tools. And then click "Scan ALL of my Page". Verify that you are not seeing Colour Contrast issue.
    • 2
    • Team Hedgehog Sprint 2.1, Team Hedgehog Sprint 2.2

      As reported by jpataleta in MDL-76785:

      As a separate issue, there seem to be some accessibility issues related to the plugin when running axe DevTools. Will leave it up to you to look into it and create a separate issue for it.

      I've attached the list of errors at moodle.internal-2023-01-10.csv for reference

        1. moodle.internal-2023-01-10.csv
          10 kB
        2. Screenshot from 2023-01-10 11-42-11.png
          Screenshot from 2023-01-10 11-42-11.png
          97 kB
        3. 2023-02-15_10-47.png
          2023-02-15_10-47.png
          112 kB
        4. wave.png
          wave.png
          110 kB
        5. wave_elementpath.png
          wave_elementpath.png
          33 kB
        6. 401.png
          401.png
          204 kB
        7. master.png
          master.png
          201 kB

            meirza.arson@moodle.com Meirza
            pholden Paul Holden
            Stevani Andolo Stevani Andolo
            Andrew Lyons Andrew Lyons
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 2 hours, 57 minutes
                1d 2h 57m

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