Compare commits

..

No commits in common. "da1f99f857376c3ec69a91023958cb9059274556" and "251a7710affbb571998d0c18809f0ad37d89fdcb" have entirely different histories.

11 changed files with 35 additions and 46 deletions

View File

@ -15,7 +15,7 @@ module.exports = function (eleventyConfig) {
eleventyConfig.addPlugin(pluginTOC, { eleventyConfig.addPlugin(pluginTOC, {
tags: ['h2', 'h3', 'h4', 'h5', 'h6'], tags: ['h2', 'h3', 'h4', 'h5', 'h6'],
wrapper: function (toc) { wrapper: function (toc) {
return `<nav class="toc" aria-labelledby="toc-heading">${toc}</nav>`; return `<nav class="toc" aria-label="Table of contents">${toc}</nav>`;
}, },
}); });
eleventyConfig.addPlugin(embedEverything, { add: ['soundcloud'] }); eleventyConfig.addPlugin(embedEverything, { add: ['soundcloud'] });

View File

@ -1,7 +1,6 @@
<header class="main__header"> <header class="main__header">
{% if isArticle or hasBreadcrumbs %} {% if isArticle or hasBreadcrumbs %}
<nav aria-labelledby="breadcrumbs-title"> <nav aria-label="Breadcrumbs">
<h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
<ol class="breadcrumbs"> <ol class="breadcrumbs">
{% set breadcrumbNavPages = collections.all | eleventyNavigationBreadcrumb(articleTitle or pageTitle or title) %} {% set breadcrumbNavPages = collections.all | eleventyNavigationBreadcrumb(articleTitle or pageTitle or title) %}
{%- for entry in breadcrumbNavPages %} {%- for entry in breadcrumbNavPages %}
@ -48,8 +47,7 @@
{{ content | safe }} {{ content | safe }}
{% if tags and tags.includes("posts") %} {% if tags and tags.includes("posts") %}
<nav class="blog__post--pagination" aria-labelledby="nextprev-title"> <nav class="blog__post--pagination" aria-label="Next and Previous Blog Posts">
<h2 class="visually-hidden" id="nextprev-title">Next and Previous Blog Posts</h2>
{%- if collections.posts %} {%- if collections.posts %}
{%- set previousPost = collections.posts | getPreviousCollectionItem %} {%- set previousPost = collections.posts | getPreviousCollectionItem %}
{%- set nextPost = collections.posts | getNextCollectionItem %} {%- set nextPost = collections.posts | getNextCollectionItem %}

View File

@ -4,8 +4,8 @@
{% endblock -%} {% endblock -%}
{%- if tags and tags.includes("shrine pages") %} {%- if tags and tags.includes("shrine pages") %}
<nav class="footer__shrines" aria-labelledby="backto-title"> <nav class="footer__shrines">
<p id="backto-title">Back to:</p> <p>Back to:</p>
<ul class="footer__links"> <ul class="footer__links">
<li><a href="/shrines/">Shrine Directory</a></li> <li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">{{ sitemeta.siteName }}</a></li> <li><a href="/">{{ sitemeta.siteName }}</a></li>

View File

@ -14,8 +14,7 @@ https://kalechips.net/projects/snippets/burger #}
{%- endif -%} {%- endif -%}
{% endset %} {% endset %}
<nav class="navbar" aria-labelledby="top-level-nav-title"> <nav class="navbar" aria-label="Top level">
<h2 class="visually-hidden" id="top-level-nav-title">Top Level Navigation Bar</h2>
<details class="navbar__burger"> <details class="navbar__burger">
<summary class="navbar__toggle" id="toggle"> <summary class="navbar__toggle" id="toggle">
<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -23,8 +22,7 @@ https://kalechips.net/projects/snippets/burger #}
</svg> </svg>
Navigation Navigation
</summary> </summary>
<nav class="navbar__menu" aria-labelledby="hamburger-nav-title"> <nav class="navbar__menu" aria-label="Top level hamburger menu">
<h3 class="visually-hidden" id="hamburger-nav-title">Hamburger Menu</h3>
<ul class="navbar__menu--links"> <ul class="navbar__menu--links">
{{ navLinksEl | safe }} {{ navLinksEl | safe }}
<li class="skip"><a href="#toggle">Close Menu</a></li> <li class="skip"><a href="#toggle">Close Menu</a></li>

View File

@ -1,57 +1,52 @@
{% set firstLabel %} {% set firstLabel = "Newest" %}
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z"></svg> {% set prevLabel = "Newer" %}
Newest{% endset %} {% set nextLabel = "Older" %}
{% set lastLabel = "Oldest" %}
{% set prevLabel %} <nav aria-label="pagination" class="pagination__wrapper">
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
Newer{% endset %}
{% set nextLabel %}Older
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>
{% endset %}
{% set lastLabel %}Oldest
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg>
{% endset %}
<nav aria-labelledby="pagination-title" class="pagination__wrapper">
<h2 class="visually-hidden" id="pagination-title">Pagination</h2>
<ul class="pagination"> <ul class="pagination">
<li> <li>
{% if pagination.href.first %} {% if pagination.href.first %}
<a href=" {{ pagination.href.first }}"> <a href=" {{ pagination.href.first }}">
{{ firstLabel | safe }} <i class="fa-solid fa-angles-left"></i>
{{ firstLabel }}
</a> </a>
{% else %} {% else %}
{{ firstLabel | safe }} <i class="fa-solid fa-angles-left"></i>
{{ firstLabel }}
{% endif %} {% endif %}
</li> </li>
<li> <li>
{% if pagination.href.previous %} {% if pagination.href.previous %}
<a href=" {{ pagination.href.previous }}"> <a href=" {{ pagination.href.previous }}">
<i class="fa-solid fa-angle-left"></i> <i class="fa-solid fa-angle-left"></i>
{{ prevLabel | safe }} {{ prevLabel }}
</a> </a>
{% else %} {% else %}
{{ prevLabel | safe }} <i class="fa-solid fa-angle-left"></i>
{{ prevLabel }}
{% endif %} {% endif %}
</li> </li>
<li> <li>
{% if pagination.href.next %} {% if pagination.href.next %}
<a href=" {{ pagination.href.next }}"> <a href=" {{ pagination.href.next }}">
{{ nextLabel | safe }} {{ nextLabel }}
<i class="fa-solid fa-angle-right"></i>
</a> </a>
{% else %} {% else %}
{{ nextLabel | safe }} {{ nextLabel }}
<i class="fa-solid fa-angle-right"></i>
{% endif %} {% endif %}
</li> </li>
<li> <li>
{% if pagination.href.last %} {% if pagination.href.last %}
<a href=" {{ pagination.href.last }}"> <a href=" {{ pagination.href.last }}">
{{ lastLabel | safe }} {{ lastLabel }}
<i class="fa-solid fa-angles-right"></i>
</a> </a>
{% else %} {% else %}
{{ lastLabel | safe }} {{ lastLabel }}
<i class="fa-solid fa-angles-right"></i>
{% endif %} {% endif %}
</li> </li>
</ul> </ul>

View File

@ -1,4 +1,4 @@
<aside class="right-sidebar" aria-label="Right sidebar"> <aside class="right-sidebar">
<div class="shrine__info sidebar--sticky"> <div class="shrine__info sidebar--sticky">
<h2>About</h2> <h2>About</h2>
{% block shrineAbout %} {% block shrineAbout %}

View File

@ -1,7 +1,7 @@
<aside class="left-sidebar" aria-label="Left sidebar"> <aside class="left-sidebar" aria-label="Left sidebar">
<details-utils force-open="(min-width: 60rem)" force-restore> <details-utils force-open="(min-width: 60rem)" force-restore>
<details class="toc__wrapper sidebar--sticky"> <details class="toc__wrapper sidebar--sticky">
<summary class="toc__heading" id="toc-heading"> <summary class="toc__heading">
Table of Contents Table of Contents
</summary> </summary>
{{ content | toc | safe }} {{ content | toc | safe }}

View File

@ -5,8 +5,8 @@ articleElement: true
{% set currentUrl %}{{ page.url }}{% endset %} {% set currentUrl %}{{ page.url }}{% endset %}
<nav class="changelog__nav" aria-labelledby="changelog-nav-title"> <nav class="changelog__nav">
<p class="changelog__nav--title" id="changelog-nav-title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li><a <li><a
{% if currentUrl === "/changelogs/" %}aria-current="page"{% endif %} {% if currentUrl === "/changelogs/" %}aria-current="page"{% endif %}

View File

@ -1,6 +1,6 @@
<aside class="right-sidebar" aria-label="Right sidebar"> <aside class="right-sidebar" aria-label="Right sidebar">
<nav class="content__nav sidebar--sticky" aria-labelledby="my-contents-title"> <nav class="content__nav sidebar--sticky" aria-label="Sidebar">
<h2 class="content__nav--title" id="my-contents-title">My Contents</h2> <h2 class="content__nav--title">My Contents</h2>
<ul class="content__nav--links"> <ul class="content__nav--links">
{% for archive in collections.archive %} {% for archive in collections.archive %}
<li><a href="{{ archive.url }}">{{ archive.data.title }}</a></li> <li><a href="{{ archive.url }}">{{ archive.data.title }}</a></li>

View File

@ -14,8 +14,7 @@ isContentDivided: true
<h2>Links by Category</h2> <h2>Links by Category</h2>
<p>Use the following tabs to view my link collection by category.</p> <p>Use the following tabs to view my link collection by category.</p>
<nav aria-labelledby="tabs-title"> <nav>
<h3 class="visually-hidden" id="tabs-title">Tabs Group</h3>
<ul class="tabs"> <ul class="tabs">
{% for group in linkGroups %} {% for group in linkGroups %}
<li><a class="tab__btn" href="#{{ group.data.title | slugify }}">{{ group.data.title }}</a></li> <li><a class="tab__btn" href="#{{ group.data.title | slugify }}">{{ group.data.title }}</a></li>

View File

@ -19,7 +19,6 @@
} }
.inline-icon { .inline-icon {
vertical-align: -10%;
height: 1em; height: 1em;
fill: currentColor; fill: currentColor;
} }