Accessibility scan issues: iFrame descriptions

Accessibility - iFrames create an error because they do not have a description. Please create the ability for users to describe iframe content.
2 people like
this idea
+1
Reply
  • Is this something we can fix or we should educate users ?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned sad, anxious, confused, frustrated

  • Do we have a field in which they can enter the iframe title, or description?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned sad, anxious, confused, frustrated

  • Yes, each file has a title and description that users can change. However, the system currently doesn't do anything with those in regards to the iframe. They're either pasted by users or we get them from a url provider, and then the only changes we make are to the width and height of those.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned

  • dorian (Official Rep) March 12, 2014 18:13
    So can we have the title field convey to the iframe title, like this?

    < iframe title="Survey Form Frame" src="https://nameofdomain.com/embeddedform...=" width="xx" height="xx" frameborder="0" marginheight="0" marginwidth="0" >Loading...

    And the description convey too? Or is this something we have to teach people to do?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated happy, confident, thankful, excited kidding, amused, unsure, silly indifferent, undecided, unconcerned

  • dorian (Official Rep) March 14, 2014 14:57
    It looks like the users could feasibly enter the description in the html if taught to do so.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned

  • Are we planning on adding a description field for iframes in a future release?

    ~Dan
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated happy, confident, thankful, excited kidding, amused, unsure, silly indifferent, undecided, unconcerned

  • From 4/23/2015 Accessibility Team review:
    Relative Importance = Medium
    Suggested Priority = 5

    Richard Clinch: User issue; user needs to add the tags. iFrame title at the very least; AA issue
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated happy, confident, thankful, excited kidding, amused, unsure, silly indifferent, undecided, unconcerned

  • For iframes that users create or paste into an Embed Media widget themselves, they can add an appropriate title attribute if they know that's something they should do. For iframes that are created for the users, for example when they paste in a URL to a YouTube video, they can't arbitrarily edit the resulting iframe's attributes.

    Currently the system does seem to automatically populate the "Name of file as seen by your site's visitors" field but that "name" doesn't appear anywhere in the published page (it is used in the admin's Browse > Files view, which is helpful). Curiously, in the WYSIWYG editor, if you right-click the video placeholder and click Image Properties, a version of that "name" is in an Alternative Text field but again, that text never makes it to the published page (the text is slightly different and I think is meant to be the alt text for the video's poster image but since the video is published in an iframe on YouTube and not in a video element on the site itself, the poster image is never used outside the WYSIWYG editor; maybe it's good for the accessibility of the CKEditor itself).

    If the user expands the Advanced toggle and puts something in the "Descriptive Text - will display under the filename" it will appear in the page but below the video and in a figcaption element (it may be invalid HTML to have a figcaption that is not a child of a figure.

    The change that should happen is the contents of the "Name of file as seen by your site's visitors" should be published in the title attribute of the resulting iframe. That is what will allow a screen reader user to hear something about the contents of the iframe, e.g. "Gangham Style iframe" instead of just "iframe."

    Because this is not how OS currently works, on the Online Accessibility site, we had to work around this by manually writing iframes for the site's videos; this is more laborious and means we can't use the Type: Video filter under Browse > Files.

    For bonus points, you could add a unique id attribute to the element containing the Descriptive Text field contents (i.e. the caption), when that field is not empty, and point to it from an aria-describedby attribute within the iframe element. If the title and aria-describedby attributes are both present, the screen reader should read both.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned sad, anxious, confused, frustrated

  • Thanks Curtis. Good points and thanks for details behind your suggestion. We'll research this and see whats involved to make this happen.

    ~Dan
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly happy, confident, thankful, excited