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

Accessibility issues reported by Axe in TinyMCE media plugin

    XMLWordPrintable

Details

    • 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

    Description

      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

      Attachments

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

        Issue Links

          Activity

            People

              meirza.arson@moodle.com Meirza
              pholden Paul Holden
              Stevani Andolo Stevani Andolo
              Andrew Lyons Andrew Lyons
              Ron Carl Alfon Yu Ron Carl Alfon Yu
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                13/Mar/23

                Time Tracking

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