diff options
Diffstat (limited to 'www/docs/40-aria.md')
| -rw-r--r-- | www/docs/40-aria.md | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/www/docs/40-aria.md b/www/docs/40-aria.md index 34ea561..396837f 100644 --- a/www/docs/40-aria.md +++ b/www/docs/40-aria.md @@ -165,14 +165,14 @@ The fiex direction will be set based on `aria-orientation`. ## Feed -Use the `<aria-feed>` custom element with `<article>` children — see [WAI: Feed][]. Nested feeds are supported. +Use `feed` role with `<article>` children — see [WAI: Feed][]. Nested feeds are supported. To get the actual behavior of an accessible feed, you can use [Missing.js § Feed](/docs/js#feed). <figure> ~~~ html - <aria-feed> + <div role="feed"> <article class="box" aria-labelledby="article-1-label"> <h2 id="article-1-label">Article Title 1</h2> <p>Article content</p> @@ -181,12 +181,12 @@ To get the actual behavior of an accessible feed, you can use [Missing.js § <h2 id="article-2-label">Article Title 2</h2> <p>Article content</p> </article> - </aria-feed> + </div> ~~~ <div> <script type="module" src="/dist/js/feed.js"></script> - <aria-feed> + <div role="feed"> <article class="box" aria-labelledby="article-1-label"> <h2 id="article-1-label">Article Title 1</h2> <p>Article content</p> @@ -195,10 +195,9 @@ To get the actual behavior of an accessible feed, you can use [Missing.js § <h2 id="article-2-label">Article Title 2</h2> <p>Article content</p> </article> - </aria-feed> + </div> </figure> - [WAI: Feed]: https://www.w3.org/WAI/ARIA/apg/patterns/feed/ |