forked from w3c/wcag
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Restore H70 from w3c#3648 and add obsolete front-matter
- Loading branch information
1 parent
26f18c3
commit d457181
Showing
1 changed file
with
69 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,69 @@ | ||
--- | ||
obsoleteMessage: The <code class="el">frameset</code> and <code class="el">frame</code> elements are obsolete. | ||
obsoleteSince: 20 | ||
--- | ||
<!DOCTYPE html><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Using frame elements to group blocks of repeated material</title><link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"></link></head><body><h1>Using frame elements to group blocks of repeated material</h1><section class="meta"><p class="id">ID: H70</p><p class="technology">Technology: html</p><p class="type">Type: Technique</p></section><section id="applicability"><h2>When to Use</h2> | ||
<p>HTML and XHTML documents that use frames </p> | ||
</section><section id="description"><h2>Description</h2> | ||
<p>The objective of this technique is to demonstrate how framesets can be used to group | ||
blocks of repeated material. Since most user agents and assistive technology provide a | ||
way to navigate from frame to frame, using frames to organize elements can provide a | ||
mechanism for easily bypassing blocks of repeated content. If the site uses framesets, | ||
organize the blocks of content into separate frames. Make certain that the repeated | ||
blocks of content appear in the same frame within the frameset of each Web page. In | ||
addition, each frame element must have a title attribute to describe the content of the | ||
frame. When frames are properly titled, users can use frame navigation to easily | ||
navigate between blocks of content.</p> | ||
<p>This technique is appropriate when framesets are already used to organize the content | ||
of the page; other techniques are preferred for pages that are not already using | ||
framesets, because many people using assistive technology have trouble with frames . An | ||
advisory technique about using noframes is available in <a href="https://www.w3.org/WAI/WCAG21/Understanding/non-text-content">Success Criterion 1.1.1</a>. </p> | ||
<p>In HTML5 the <code class="el">frame</code> element is marked as obsolete.</p> | ||
</section><section id="examples"><h2>Examples</h2> | ||
<section class="example"> | ||
|
||
<p>The following example shows the use of two frames to organize content. The source | ||
of the first frame is the Web page, navigation.html, which contains the HTML for the | ||
navigation. This frame has a title attribute which identifies it as a navigation | ||
bar. The second frame contains the main content of the site as indicated by the | ||
source parameter of main.html and the title attribute, "Main News Content" which | ||
identifies its function.</p> | ||
|
||
<pre xml:space="preserve"><frameset cols="20%, *"> | ||
<frame src="navigation.html" name="navbar" title="Navigation Bar" /> | ||
<frame src="main.html" name="maincontent" title="Main News Content" /> | ||
<noframes> | ||
<p>View <a href="noframe.html">no frame version</a>.</p> | ||
</noframes> | ||
</frameset> </pre> | ||
</section> | ||
</section><section id="tests"><h2>Tests</h2> | ||
<section class="procedure"><h3>Procedure</h3> | ||
<p>If the Web page uses frames to organize content: </p> | ||
<ol> | ||
<li>Check if repeated blocks of content are organized into separate frames.</li> | ||
<li>Check that the frames with repeated content appear in the same location within | ||
each frameset.</li> | ||
</ol> | ||
</section> | ||
<section class="results"><h3>Expected Results</h3> | ||
<ul> | ||
<li>Checks #1 and #2 are true.</li> | ||
</ul> | ||
</section> | ||
</section><section id="related"><h2>Related Techniques</h2><ul> | ||
<li><a href="../html/H64">H64</a></li> | ||
</ul></section><section id="resources"><h2>Resources</h2> | ||
|
||
<ul> | ||
<li> HTML 4.01 <a href="https://www.w3.org/TR/html4/present/frames.html#h-16.2.1"> | ||
The FRAMESET element</a> | ||
</li> | ||
<li> HTML 4.01 <a href="https://www.w3.org/TR/html4/present/frames.html#h-16.2.2"> The FRAME element</a> | ||
</li> | ||
<li> | ||
<a href="http://www.jimthatcher.com/webcourse4.htm">Accessible Navigation</a> | ||
</li> | ||
</ul> | ||
|
||
</section></body></html> |