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

Atto editor's insert image dialog boxes do not show all error messages

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-71674-311
    • MDL-71674-master
    • Hide

      Test 1

      1. Login in and go to your profile
      2. Click edit profile, find "Description" field
      3. Click "Insert or edit image" button in atto editor
      4. Click "Save image" button
      5. Check the following 2 errors are displayed:
        • An image must have an url.
        • An image must have a description, unless it is marked as decorative only.

      Test 2

      1. Login in and go to your profile
      2. Click edit profile, find "Description" field
      3. Click "Insert or edit image" button in atto editor
      4. Click "Browse repositories" button and upload an image
      5. Check that everything is prefilled
      6. Remove the URL from "Enter URL" field
      7. Check the error "An image must have a URL." is displayed
      8. Add URL back
      9. Click "Describe this image for someone who cannot see it", then take the focus off
      10. Check "An image must have a description, unless it is marked as decorative only." error message is displayed
      11. Click "This image is decorative only"
      12. Check the error message goes away

       

      Show
      Test 1 Login in and go to your profile Click edit profile, find "Description" field Click "Insert or edit image" button in atto editor Click "Save image" button Check the following 2 errors are displayed: An image must have an url. An image must have a description, unless it is marked as decorative only. Test 2 Login in and go to your profile Click edit profile, find "Description" field Click "Insert or edit image" button in atto editor Click "Browse repositories" button and upload an image Check that everything is prefilled Remove the URL from "Enter URL" field Check the error "An image must have a URL." is displayed Add URL back Click "Describe this image for someone who cannot see it", then take the focus off Check "An image must have a description, unless it is marked as decorative only." error message is displayed Click "This image is decorative only" Check the error message goes away  
    • 0
    • Internationals - 4.0 Sprint 1, HQ Team International Sprint 2, HQ Team International Sprint 3, HQ Team International Sprint 4, HQ Team International Sprint 5, HQ Team International Sprint 6, HQ Team International Sprint 7, HQ Team International Sprint 8

    Description

      Translation by Orzu: "Error messages that appear in some dialog boxes are not fully accessible. Among other things, it happens that several fields are in error, but the error message mentions only one. "

      • Example: Open the "Insert or modify an image" button dialog. Leave all fields empty and activate the Save Image button. An error message indicates that a textual equivalent must be inserted. However, there is no mention that the URL is missing, even though it is a mandatory element. In comparison, when using the H5P button, the user is warned if they do not enter a URL.
      • Recommendation reminder: An error message should be included at the beginning of the dialog box, where the focus is shifted. This message should include a list of all fields in error, with a link to each field to be corrected. Explanations of errors should be included in the label (<label>) of each field in error. To see this recommendation in action in a dialog box, go to: https://labo.raamm.org/lab/tests/modal/index.html#modal2-btn and then click on "Transfer Between Accounts". Submitting the blank form will cause the error message to appear. In the example, there is only one error, but if there were multiple fields in error, the list would show each one.

      Attachments

        Issue Links

          Activity

            People

              dongsheng Dongsheng Cai
              rezaie9 Shamim Rezaie
              Shamim Rezaie Shamim Rezaie
              Sara Arjona (@sarjona) Sara Arjona (@sarjona)
              Gladys Basiana Gladys Basiana
              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/Sep/21

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 3 days, 3 hours, 47 minutes
                  3d 3h 47m