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

        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
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                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

                  Clockify

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