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

The URL resource embedded iframe must have an accessible name

XMLWordPrintable

    • MOODLE_401_STABLE
    • MOODLE_401_STABLE, MOODLE_402_STABLE
    • MDL-79283-401
    • Hide
      1. Log in as admin
      2. Create a course
      3. Create a new URL activity
        • Name: My embedded URL
        • External URL: <WWWROOT> (Enter your actual site URL)
        • Appearance > Display: Embed
      4. Press Save and display
      5. Run axe DevTools scan on the page
      6. Confirm there is no Frames must have an accessible name warning
      7. Use your browser tools to inspect the iframe element
      8. Confirm presence of the following attribute:

        title="My embedded URL"
        

      Show
      Log in as admin Create a course Create a new URL activity Name: My embedded URL External URL: <WWWROOT> (Enter your actual site URL) Appearance > Display: Embed Press Save and display Run axe DevTools scan on the page Confirm there is no Frames must have an accessible name warning Use your browser tools to inspect the iframe element Confirm presence of the following attribute: title="My embedded URL"

      Noticed because I just reviewed MDL-79250, and worked on MDL-78895 in related area of URL activity

      The iframe when a URL activity is set to display embedded lack an accessible name. This fails WCAG 2.1 Level A success criteria 2.4.1: Bypass Blocks and 4.1.2: Name, Role, Value.

      Here's the actual error reported by axe DevTools:

      1 of 1
       
      Ensures <iframe> and <frame> elements have an accessible name
      more information Link opens in a new window
      Element Location:
       
      #resourceobject
       
      <iframe id="resourceobject" src="http://moodle.internal/master/user/profile.php" style="width: 1787px; height: 400px;">
          Click on <a href="http://moodle.internal/master/user/profile.php">Embedded URL</a> to open the resource.
        </iframe>
       
      To solve this problem, you need to fix at least (1) of the following:
       
          Element has no title attribute
          aria-label attribute does not exist or is empty
          aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
          Element's default semantics were not overridden with role="none" or role="presentation"
      

            pholden Paul Holden
            pholden Paul Holden
            Jun Pataleta Jun Pataleta
            Huong Nguyen Huong Nguyen
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 42 minutes
                42m

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