summaryrefslogtreecommitdiff
path: root/examples/blog/src/components/PostPreview.astro
diff options
context:
space:
mode:
authorGravatar Brian Hinton <accounts@mrbrianhinton.com> 2021-06-16 17:19:23 -0400
committerGravatar GitHub <noreply@github.com> 2021-06-16 17:19:23 -0400
commite711668556ab5230af7af611c941f59014d27a1b (patch)
treeaf0e42ce8fd4bfd4d838645ba5c199d3a5c1fda3 /examples/blog/src/components/PostPreview.astro
parent5c01526731ada6bc41b334d1630bf472e2690126 (diff)
downloadastro-e711668556ab5230af7af611c941f59014d27a1b.tar.gz
astro-e711668556ab5230af7af611c941f59014d27a1b.tar.zst
astro-e711668556ab5230af7af611c941f59014d27a1b.zip
Improvement/accessibility blog example (#475)
* improvements: updated heading tag order, removed repeat alt values, added aria-labels * chore: added changeset
Diffstat (limited to 'examples/blog/src/components/PostPreview.astro')
-rw-r--r--examples/blog/src/components/PostPreview.astro6
1 files changed, 3 insertions, 3 deletions
diff --git a/examples/blog/src/components/PostPreview.astro b/examples/blog/src/components/PostPreview.astro
index 59c54e8fa..d02a23fe6 100644
--- a/examples/blog/src/components/PostPreview.astro
+++ b/examples/blog/src/components/PostPreview.astro
@@ -33,7 +33,7 @@ function formatDate(date) {
margin-left: 1em;
}
-h1 {
+h2 {
font-weight: 700;
font-size: 2.75em;
line-height: 1;
@@ -52,12 +52,12 @@ time {
<article class="post">
<div class="data">
- <h1>{post.title}</h1>
+ <h2>{post.title}</h2>
<a class="author" href={`/author/${post.author}`}>{author.name}</a>
<time class="date" datetime={post.date}>{formatDate(post.date)}</time>
<p class="description">
{post.description}
- <a class="link" href={post.url}>Read</a>
+ <a class="link" href={post.url} aria-label={`Read ${post.title}`}>Read</a>
</p>
</div>
</article>