Skip to content

Commit

Permalink
Make some editorial revisions to the introduction and remove fieldset…
Browse files Browse the repository at this point in the history
… from the example usage option since there is only one option control. Removing the fieldset makes the example consistent with disclosure-navigation-hybrid.html, which is another example with only one usage option control.
  • Loading branch information
mcking65 committed Oct 1, 2023
1 parent 0edc38e commit 9239b1b
Showing 1 changed file with 11 additions and 16 deletions.
27 changes: 11 additions & 16 deletions content/patterns/feed/examples/feed.html
Original file line number Diff line number Diff line change
Expand Up @@ -34,26 +34,21 @@ <h2>About This Example</h2>
<p>
The example below implements the <a href="../feed-pattern.html">Feed Pattern</a> for a restaurant review site.
To imitate an infinitely scrolling set of data, information about ten restaurants is repeatedly loaded as the user reads the feed.
Outside of the feed, an article load time selector is available for simulating data fetch delays.
This example includes an article load time selector that simulates data fetch delays.
</p>
<p>Unlike other examples in the WAI-ARIA Authoring Practices, the example experience has its own page separate from this documentation page.</p>
</section>

<section>
<h2>Example Options</h2>

<fieldset class="feed-options">
<legend>Feed Options</legend>

<select id="delay-time-select" name="delay_time" aria-describedby="feed-controls-desc">
<option value="200">200 ms</option>
<option value="400">400 ms</option>
</select>
<label for="delay-time-select"> Loading delay</label>

<p id="feed-controls-desc">This option determines the article loading delay time in this feed example.</p>

</fieldset>
<h2>Example Usage Option</h2>
<p id="feed-controls-desc">
The article loading delay time enables simulation of scenarios where data fetches occasionally introduce significant latency.
This type of latency can impact assistive technology behavior when using assistive technology functions for navigating by article.
</p>
<select id="delay-time-select" name="delay_time" aria-describedby="feed-controls-desc">
<option value="200">200 ms</option>
<option value="400">400 ms</option>
</select>
<label for="delay-time-select"> Loading delay</label>
</section>

<section>
Expand Down

0 comments on commit 9239b1b

Please sign in to comment.