feat: ♿ add aria labels to post meta data
This commit is contained in:
parent
53f1a88fd6
commit
113d583524
2 changed files with 21 additions and 19 deletions
|
@ -1,18 +1,20 @@
|
|||
{% macro postmeta(params) %}
|
||||
<ul class="flex flex-wrap items-center gap-4 *:inline-flex *:items-center *:gap-1 *:*:stroke-sky-600">
|
||||
<li>
|
||||
{% lucide "calendar", {"size": "20"} %}
|
||||
<time datetime="{{ params.date | isoDate }}" title="{{ params.date | longDate }}">
|
||||
{{ params.date | readableDate }}
|
||||
</time>
|
||||
</li>
|
||||
<li>
|
||||
{% lucide "user", {"size": "20"} %}
|
||||
<a href="{{ params.author.href }}">{{ params.author.name }}</a>
|
||||
</li>
|
||||
<li>
|
||||
{% lucide "glasses", {"size": "20"} %}
|
||||
{{ params.content | readingtime }}
|
||||
</li>
|
||||
</ul>
|
||||
<ul
|
||||
class="flex flex-wrap items-center gap-4 text-base *:inline-flex *:items-center *:gap-1 *:*:stroke-sky-600"
|
||||
role="group"
|
||||
aria-label="Published on {{ params.date | readableDate }}, written by {{ params.author.name }}, approximate reading time {{ params.content | readingtime }}"
|
||||
>
|
||||
<li aria-label="Published on">
|
||||
{% lucide "calendar", {"size": "20"} %}
|
||||
<time datetime="{{ params.date | isoDate }}">{{ params.date | readableDate }}</time>
|
||||
</li>
|
||||
<li aria-label="Written by">
|
||||
{% lucide "user", {"size": "20"} %}
|
||||
<a href="{{ params.author.href }}">{{ params.author.name }}</a>
|
||||
</li>
|
||||
<li aria-label="Approximate reading time">
|
||||
{% lucide "glasses", {"size": "20"} %}
|
||||
{{ params.content | readingtime }}
|
||||
</li>
|
||||
</ul>
|
||||
{% endmacro %}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue