improve accessibility and HTML validity
9 files changed, 28 insertions(+), 24 deletions(-)
M config.toml → config.toml
@@ -21,6 +21,8 @@ remove_filter = "Remove filter" filtering_for = "Filtering for" made_with = "Made with" table_of_contents = "Table of contents" +language = "language" +site = "site" [languages.de] title = "Zola ʕ•ᴥ•ʔ Bear Blog"@@ -37,6 +39,8 @@ remove_filter = "Filter entfernen" filtering_for = "Filtern nach" made_with = "Erstellt mit" table_of_contents = "Inhaltsverzeichnis" +language = "Sprache" +site = "Site" [markdown] # Whether to do syntax highlighting
M templates/header.html → templates/header.html
@@ -3,7 +3,7 @@ {%- include "language_switcher.html" %} <a href="{{ get_url(path="@/_index.md", lang=lang) }}" class="title"> <h1>{{ config.title }}</h1> </a> - <nav> + <nav aria-label="{{ trans(key="site", lang=lang)}}"> {%- include "nav.html" %} </nav> </header>
M templates/language_switcher.html → templates/language_switcher.html
@@ -1,11 +1,11 @@ {%- if config.extra.language_switcher %} - <nav class="lang"> + <nav class="lang" aria-label="{{ trans(key="language", lang=lang) }}"> {%- set language_agnostic_path = current_path | default(value="/") | replace(from='/' ~ lang ~ '/', to = '/') | trim_start_matches(pat = '/') %} {%- for tr in config.extra.translations %} {%- if tr.code == lang %} - <active>{{ tr.name }}</active> + <span class="active">{{ tr.name }}</span> {%- else %} - <a href="{{ get_url(path=language_agnostic_path, lang=tr.code) ~ "/" }}" hreflang="{{ tr.code }}">{{ tr.name }}</a> + <a href="{{ get_url(path=language_agnostic_path, lang=tr.code) ~ "/" }}" hreflang="{{ tr.code }}" lang="{{ tr.code }}">{{ tr.name }}</a> {%- endif %} {%- endfor %} </nav>
M templates/page.html → templates/page.html
@@ -9,7 +9,7 @@ <h1>{{ page.title }}</h1> {%- if page.date %} <p> <i> - <time datetime='{{ page.date | date(format='%+') }}' pubdate> + <time datetime="{{ page.date | date(format='%+') }}" pubdate> {{- page.date | date(format=config.extra.date_format) -}} </time> </i>
M templates/section.html → templates/section.html
@@ -13,7 +13,7 @@ {%- for page in section.pages %} <li> <span> <i> - <time datetime='{{ page.date | date(format='%+') }}' pubdate> + <time datetime="{{ page.date | date(format='%+') }}" pubdate> {{ page.date | date(format=config.extra.date_format) }} </time> </i>@@ -24,13 +24,11 @@ {%- else %} <li>{{ trans(key="no_posts", lang=lang) }}</li> {%- endfor -%} </ul> - <small> - <div> - {%- set tags = get_taxonomy(kind="tags", lang=lang) %} - {%- for post in tags.items %} + <div class="tags"> + {%- set tags = get_taxonomy(kind="tags", lang=lang) %} + {%- for post in tags.items %} <a href="{{ post.permalink }}">#{{ post.name }}</a> - {%- endfor %} - </div> - </small> + {%- endfor %} + </div> </main> {% endblock %}
M templates/style.css.html → templates/style.css.html
@@ -64,7 +64,7 @@ nav a { margin-right: 8px; } - nav active { + nav span.active { font-weight: bold; margin-right: 10px; }@@ -165,3 +165,7 @@ ul.blog-posts li a:visited { color: var(--visited-color); } + + .tags { + font-size: smaller; + }
M templates/taxonomy_list.html → templates/taxonomy_list.html
@@ -3,13 +3,11 @@ {% block main %} <main> <h1>{{ taxonomy.name | capitalize }}</h1> - <small> - <div> - {%- set tags = get_taxonomy(kind="tags", lang=lang) %} - {%- for post in tags.items %} - <a href="{{ post.permalink }}">#{{ post.name }}</a> - {%- endfor %} - </div> - </small> + <div class="tags"> + {%- set tags = get_taxonomy(kind="tags", lang=lang) %} + {%- for post in tags.items %} + <a href="{{ post.permalink }}">#{{ post.name }}</a> + {%- endfor %} + </div> </main> {% endblock %}
M templates/taxonomy_single.html → templates/taxonomy_single.html
@@ -13,7 +13,7 @@ {%- for page in term.pages %} <li> <span> <i> - <time datetime='{{ page.date | date(format='%+') }}' pubdate> + <time datetime="{{ page.date | date(format='%+') }}" pubdate> {{ page.date | date(format=config.extra.date_format) }} </time> </i>