Skip to content

Commit

Permalink
Feed Pattern Editorial Revisions
Browse files Browse the repository at this point in the history
modified the feed pattern section of aria-practices.html to
fix multiple typos and make minor editorial revisions to the description of the pattern.
  • Loading branch information
mcking65 committed Feb 8, 2017
1 parent 01be11e commit 6f22bdd
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions aria-practices.html
Original file line number Diff line number Diff line change
Expand Up @@ -577,16 +577,16 @@ <h3 class="widget-name">Feed</h3>
<p>
The primary difference between a feed and other ARIA patterns that support loading data as users scroll,
e.g., a <a href="#grid">grid</a>, is that a feed is a structure, not a widget. This means assistive
technologies with a reading mode, such as screen readers will default to reading mode when
technologies with a reading mode, such as screen readers, will default to reading mode when
interacting with feed content, making the feed pattern most useful for blocks of
unstructured information that may contain links or other interactive elements.
</p>
<p>
For example, a product page on a shopping site may have a related products section that
displays five products at a time and, as the user scrolls, loads more product suggestions into the DOM.
While a static design might include a next button for loading five more products, a dynamic implementation
For example, a product page on a shopping site has a related products section that
displays five product suggestions at a time. As the user scrolls, more suggestions are requested and loaded into the DOM.
While a static design might include a next button for loading five more product suggestions, a dynamic implementation
that automatically loads data as needed simplifies the user
experience and reduces the inertia associated with viewing more than 5 suggestions.
experience and reduces the inertia of viewing more than the first five suggestions.
</p>
<p>
Unfortunately, when web pages load content dynamically based on scroll events, it
Expand Down Expand Up @@ -654,8 +654,8 @@ <h4>Keyboard Interaction</h4>
Options for supporting nested feed navigation include:
<ul>
<li>
Users simply move focus into the nested feed from the content of the containing article with <kbd>Tab</kbd>.
This may be slow if the aarticle contains a significant number of links, buttons, or other widgets.
Users move focus into the nested feed from the content of the containing article with <kbd>Tab</kbd>.
This may be slow if the article contains a significant number of links, buttons, or other widgets.
</li>
<li>Provide a key for moving focus from the elements in the containing article to the first item in the nested feed, e.g., <kbd>Alt + Page Down</kbd>.</li>
<li>To continue reading the outer feed, <kbd>Control + End</kbd> moves focus to the next article in the outer feed.</li>
Expand All @@ -673,7 +673,7 @@ <h4>WAI-ARIA Roles, States, and Properties</h4>
Otherwise, the <code>feed</code> element has a label specified with <a href="#aria-label" class="property-reference">aria-label</a>.
</li>
<li>
Each unit of content in a feedis contained in an element with role <a href="#article" class="role-reference">article</a>.
Each unit of content in a feed is contained in an element with role <a href="#article" class="role-reference">article</a>.
All content inside the feed is contained in an <code>article</code> element.
</li>
<li>
Expand All @@ -694,7 +694,7 @@ <h4>WAI-ARIA Roles, States, and Properties</h4>
<li>
Each <code>article</code> element has
<a href="#aria-setsize" class="property-reference">aria-setsize</a>
set to a value that represents either the total number of articles that have been loaded or the tototal number in the feed,
set to a value that represents either the total number of articles that have been loaded or the total number in the feed,
depending on which value is deemed more helpful to users.
If the total number in the feed is undetermined, it can be represented by a <code>aria-setsize</code> value of <code>-1</code>.
</li>
Expand Down

0 comments on commit 6f22bdd

Please sign in to comment.