To fix this, after you have copied and pasted the required YouTube embed code into the content type, simply replace the generic title text inside the quotation marks with meaningful title text. However, this does not have descriptive value to those using assistive technologies and will be listed in your Siteimprove Accessibility Report as an error. This technique relates to: 2.4. When Youtube generates the embed code for a video, it now automatically adds the same generic title tag for each video, as follows: title="YouTube video player" Please ensure the title of the iframe is meaningful.Įxample One: iframe embed code from Panopto Įxample Two: iframe embed code from Youtube The examples below show how to structure the aria-label and title attribute and where it should be placed within the iframe embed code. However, an iframe can be used within a normal document body. In HTML 4.01, a document may contain a head and a body or a head and a frameset, but not both a body and a frameset. When embedding a video using the content type 'DTP - Video Embed' or 'DTP - Video with Text' and after you have copied and pasted the required embed code into the content type, please add the required title or aria-label attribute. The HTML iframe element represents a nested browsing context, effectively embedding another HTML page into the current page. Without a meaningful name, a screen reader user may just hear "frame", the file name, path of the iframe, or an unhelpful name like "javascript". When an iframe is given a meaningful title, screen reader users can pull up a list of frames and identify the content or purpose of the iframe based on its title. Iframes pose fewer accessibility issues, though require additional work and management of multiple pages. To troubleshoot this, consider the following: Testing network connectivity to the iframe source: Verify that the iframe source is accessible by directly accessing it in a browser or using tools like cURL or Telnet. However, the embed code provided by some of these platforms does not automatically include a title or aria-label attribute or they include a generic, auto-generated title which does not meet accessibility standards. In some cases, network connectivity problems can prevent the iframe from connecting to its source. The HTML
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |