Skip to content

Commit

Permalink
Feed Example: Add Intro and Link to Display Page
Browse files Browse the repository at this point in the history
For issue #246, Write the introduction and provide a link to the page that displays the functional feed.
Unlike other examples, the example itself i on its own page.
  • Loading branch information
mcking65 committed Dec 1, 2017
1 parent a39b9aa commit 5ba0012
Showing 1 changed file with 9 additions and 25 deletions.
34 changes: 9 additions & 25 deletions examples/feed/feed.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,26 +24,20 @@ <h1>Feed Example</h1>
<a href="https://github.com/w3c/aria-practices/issues/246">issue 246.</a>
</p>
<p>
The example below demonstrates an implementation of the
This example uses ... summarize salient techniques )
The example below implements the
<a href="../../#feed">feed design pattern.</a>
for a restaurant review site.
To immitate an infinitely scrolling set of data, information about ten restaurants is repeated infinitely.
Outside of the feed, an article load time selector is available for simulating data fetch delays.
</p>

<section>
<h2 id="ex_label">Example</h2>
<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
<div id="ex1">
<!-- Replace content of this div with the example. -->
<p>This is the place where the reader will experience the functioning example.</p>
<ul>
<li>The HTML in this section along with the javascript and CSS it uses demonstrate
the design pattern.</li>
<li>
When developing an example implementation for this guide, please follow the
<a href="https://ianpouncey.github.io/code-guide/">APG example coding guidelines</a>
.
</li>
<!-- Target of previous link will need to be updated when we move the guidelines into the wiki from Ian's repo. -->
</ul>
<p>
The example feed experience is presented on a separate
<a href="feedDisplay.html">feed display page.</a>
</p>
</div>
<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
</section>
Expand All @@ -62,16 +56,6 @@ <h2>Accessibility Features</h2>

<section>
<h2 id="kbd_label">Keyboard Support</h2>
<!--
List the keys supported in this example.
Remember to:
Use kbd tags,e.g. <kbd>KeyName</kbd>.
Key names use first-letter caps, e.g., <kbd>Enter</kbd>.
Single space between multiple Words, e.g., <kbd>Up Arrow</kbd>.
Use + to separate modifiers, e.g., <kbd>Control + Right Arrow</kbd>.
One key per row, e.g., do not combine <kbd>Up Arrow</kbd> and <kbd>Down Arrow</kbd> into a single row.
Do not use the word "key", e.g., do not write <kbd>Enter Key</kbd> or <kbd>Enter</kbd> key.
-->
<table aria-labelledby="kbd_label" class="def">
<thead>
<tr>
Expand Down

0 comments on commit 5ba0012

Please sign in to comment.