Technique H64:Using the title attribute of the iframe element
About this Technique
This technique relates to:
- 2.4.1: Bypass Blocks (Sufficient when used for grouping blocks of repeated material in a way that can be skipped)
- 4.1.2: Name, Role, Value (Sufficient when used with G108: Using markup features to expose the name and role, allow user-settable properties to be directly set, and provide notification of changes)
This technique applies to HTML documents that use iframes.
Description
The objective of this technique is to demonstrate the use of the title attribute of the iframe element to describe its contents. This provides a label for the frame so users can determine which frame to enter and explore in detail. It does not label the content inside the iframe.
Note
The title attribute labels iframes, and is different from the title element which labels documents. Both should be provided, since the first facilitates navigation among iframes and the second clarifies the user's current page.
The title attribute is not interchangeable with the name attribute. The title labels the frame for users; the name labels it for scripting and window targeting. The name is not presented to the user, only the title is.
Examples
Example 1: Using the title attribute with an iframe to describe the iframe's content
<!doctype html>
<html lang="en">
<head>
<title>A document using an iframe</title>
</head>
...
<iframe src="banner-ad.html" name="ad-iframe" title="Advertisement"></iframe>
...
</html>
Related Resources
No endorsement implied.
Tests
Procedure
- Check each
iframeelement in the HTML source code for the presence of atitleattribute. - Check that the
titleattribute contains text that describes theiframe's content.
Expected Results
- Checks #1 and #2 are true.