Skip to content

Instantly share code, notes, and snippets.

@dotherightthing

dotherightthing/read-more-aria.md

Last active August 15, 2019 06:23
Show Gist options
  • Save dotherightthing/9260710 to your computer and use it in GitHub Desktop.
Save dotherightthing/9260710 to your computer and use it in GitHub Desktop.
Download ZIP
[Read more with aria-describedby] #aria #accessibility
Raw
read-more-aria.md

Read more with aria-describedby

A test for adding context to a generic Read more link, by adding ARIA.

Raw
x-read-more-aria.html
<!doctype html>
<html>
<head>
<title>aria-describedby test</title>
<meta charset="utf-8" />
</head>
<body>
<h1>aria-describedby test</h1>
<article>
<header>
<h2 id="article-heading">Article Heading</h2>
</header>
<p>Some text</p>
<p>
<a href="#anchor" aria-describedby="article-heading article-description">Read more</a>
</p>
<p>Some more text</p>
<p id="article-description">Article description</p>
</article>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment