dotherightthing/read-more-aria.md

## read-more-aria.md

      
    Raw
  

              read-more-aria.md
            
          
    Read more with aria-describedby

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

  
## 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>
	<!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>