From 914243feb9ff521219d3f91f967d05792a83305b Mon Sep 17 00:00:00 2001 From: Lee Cattarin Date: Mon, 4 May 2026 08:35:44 -0700 Subject: [PATCH] move anchor links to aria-labelledby model --- README.md | 12 +- _site/1/index.html | 4 +- _site/10/index.html | 4 +- _site/11/index.html | 4 +- _site/12/index.html | 4 +- _site/13/index.html | 4 +- _site/14/index.html | 4 +- _site/2/index.html | 4 +- _site/3/index.html | 4 +- _site/4/index.html | 4 +- _site/404.html | 10 +- _site/5/index.html | 4 +- _site/6/index.html | 4 +- _site/7/index.html | 4 +- _site/8/index.html | 4 +- _site/9/index.html | 4 +- _site/aarons-mask/index.html | 28 +-- _site/about/index.html | 10 +- _site/acadia-coloring-journal/index.html | 28 +-- _site/acadia-mitts/index.html | 24 +-- _site/accessible-image-modals/index.html | 34 ++-- _site/an-intro-to-git/index.html | 30 ++- _site/anarchy-autism/index.html | 54 +++-- _site/art-shows-and-events/index.html | 10 +- _site/artisans-cooperative-cards/index.html | 34 ++-- _site/artisans-cooperative-shirts/index.html | 60 +++--- _site/artists-conk/index.html | 10 +- .../index.html | 60 +++--- _site/backend-accessibility/index.html | 46 +++-- _site/bag-strap/index.html | 28 +-- _site/baseball-journal/index.html | 52 +++-- _site/become-unbutterable/index.html | 58 +++--- _site/bfl-silk-handspun/index.html | 28 +-- _site/big-pidge/index.html | 54 +++-- .../block-printing-transfer-method/index.html | 10 +- .../blue-and-brown-leather-journal/index.html | 44 ++-- .../index.html | 84 ++++---- _site/bottom-growth/index.html | 36 ++-- _site/bowtie/index.html | 52 +++-- _site/boypussy/index.html | 52 ++--- _site/brookes-collar/index.html | 30 ++- _site/brookes-cuff-bracelets/index.html | 28 +-- _site/brookes-notebook/index.html | 34 ++-- _site/brookes-scarf/index.html | 46 ++--- _site/brookes-socks/index.html | 32 +-- _site/brookes-suspenders/index.html | 22 +- _site/brown-creeper/index.html | 82 ++++---- _site/butch-hands-pattern/index.html | 40 ++-- _site/chanterelle/index.html | 84 ++++---- _site/charlie-the-alpaca-handspun/index.html | 66 +++--- _site/circle-bag/index.html | 54 ++--- _site/colophon/index.html | 10 +- _site/coming-out/index.html | 36 ++-- _site/comparing-text-editors/index.html | 28 +-- _site/congrats-on-the-autism-adhd/index.html | 52 +++-- _site/congrats-on-the-gay/index.html | 56 +++-- _site/contact/index.html | 10 +- _site/coral-reef-handspun/index.html | 28 +-- _site/crow/index.html | 58 +++--- _site/designing-a-bag/index.html | 30 +-- _site/domain-and-site-setup/index.html | 26 +-- _site/double-bill-pocket-bifold/index.html | 30 ++- _site/dragon-mask/index.html | 30 +-- _site/dyeing-fiber/index.html | 28 +-- _site/ecommerce-options/index.html | 10 +- _site/eight-pocket-bifold/index.html | 30 ++- _site/eleventy-lessons/index.html | 18 +- _site/euphorbia/index.html | 36 ++-- _site/fat-raccoon/index.html | 54 ++--- .../index.html | 34 ++-- _site/fedizinefest-2025/index.html | 42 ++-- _site/fire-and-ice-handspun/index.html | 66 +++--- _site/fishhook-pride-keychains/index.html | 56 ++--- _site/five-of-them/index.html | 82 ++++---- _site/fix-your-hearts/index.html | 54 ++--- _site/flatfish/index.html | 38 ++-- _site/flicker/index.html | 52 +++-- _site/flocked-notebook/index.html | 46 ++--- .../foldy-wallet-with-thumb-slide/index.html | 28 +-- _site/foldy-wallet/index.html | 24 +-- .../index.html | 22 +- _site/foxgloves/index.html | 46 ++--- _site/gallery/1/index.html | 4 +- _site/gallery/10/index.html | 4 +- _site/gallery/11/index.html | 4 +- _site/gallery/2/index.html | 4 +- _site/gallery/3/index.html | 4 +- _site/gallery/4/index.html | 4 +- _site/gallery/5/index.html | 4 +- _site/gallery/6/index.html | 4 +- _site/gallery/7/index.html | 4 +- _site/gallery/8/index.html | 4 +- _site/gallery/9/index.html | 4 +- _site/gallery/index.html | 4 +- _site/geese-trans-wrongs/index.html | 58 +++--- _site/geese/index.html | 38 ++-- _site/gender-as-a-proxy-variable/index.html | 56 ++--- _site/gender-in-data-models/index.html | 58 +++--- _site/gender/index.html | 40 ++-- _site/girldick/index.html | 42 ++-- .../give-to-trans-orgs-and-people/index.html | 44 ++-- _site/gradient-purse-strap/index.html | 32 ++- _site/green-memo-pad/index.html | 52 +++-- _site/greeting-loons/index.html | 76 ++++--- _site/greeting-quorbs/index.html | 62 +++--- _site/guestbook/index.html | 10 +- _site/hair/index.html | 54 ++--- _site/hand-dyed-gold-handspun/index.html | 22 +- _site/handcombed-jacobs-handspun/index.html | 22 +- _site/handedness-toggle/index.html | 26 ++- .../index.html | 44 ++-- _site/happy-bihrtday/index.html | 38 ++-- _site/happy-solstice-2024/index.html | 10 +- _site/happy-solstice-2025/index.html | 28 +-- _site/heron/index.html | 50 ++--- .../index.html | 58 +++--- _site/icelandic-lamb-handspun/index.html | 22 +- _site/in-the-news/index.html | 40 ++-- _site/index.html | 4 +- _site/intro-to-wireframing/index.html | 32 +-- _site/iris/index.html | 38 ++-- _site/junco/index.html | 34 ++-- _site/keffiyah-fishing-net-pattern/index.html | 24 +-- _site/kestrel-zine/index.html | 62 +++--- _site/killdeer/index.html | 64 +++--- _site/kniphofia/index.html | 42 ++-- _site/knit-shrimp/index.html | 44 ++-- _site/leaf-patches/index.html | 52 +++-- _site/leather-chest-harness/index.html | 44 ++-- _site/leather-keychains/index.html | 28 +-- _site/leather-lighter-case/index.html | 26 +-- _site/leather-long-stitch-journals/index.html | 28 +-- _site/leather-strap-journal/index.html | 46 +++-- _site/leatherworking-favorites/index.html | 66 +++--- _site/light-grey-jacobs-handspun/index.html | 28 +-- _site/lined-notebook/index.html | 68 ++++--- _site/little-critter-pouch/index.html | 32 +-- _site/lobstah/index.html | 30 +-- _site/long-zipper-bifold/index.html | 52 ++--- _site/loon/index.html | 66 +++--- _site/luminescent/index.html | 54 ++--- _site/lupine/index.html | 30 ++- _site/makers-mark-keychain/index.html | 28 +-- _site/mom-bag/index.html | 30 +-- _site/moss-harness/index.html | 22 +- _site/mousie/index.html | 28 +-- _site/moving-images/index.html | 24 ++- _site/my-favorite-git-flag/index.html | 32 +-- _site/networks-of-trans-care/index.html | 80 ++++---- _site/nine-pocket-bifold/index.html | 30 ++- _site/no-politics-wip/index.html | 10 +- _site/nonbinary-flag/index.html | 44 ++-- _site/not-a-drill/index.html | 58 +++--- _site/o-ring-bracelet/index.html | 28 +-- _site/on-pronouns/index.html | 54 +++-- _site/on-the-shoulders-of-giants/index.html | 28 +-- _site/on-the-ubiquity-of-enby/index.html | 44 ++-- _site/orange-green-journal/index.html | 30 +-- _site/orange-journal/index.html | 32 +-- _site/orion-handspun/index.html | 28 +-- _site/palette/index.html | 10 +- _site/patchwork-wallet/index.html | 30 ++- _site/petrichor-handspun/index.html | 28 +-- _site/pinatex-wallet-with-zipper/index.html | 28 +-- _site/pink-socks/index.html | 38 ++-- _site/pins/index.html | 56 ++--- _site/pride-dice-bags/index.html | 46 ++--- _site/printing-press-notes/index.html | 10 +- _site/printmaking-paper-notes/index.html | 32 ++- _site/pronoun-patches/index.html | 60 +++--- _site/proud-dad-wallet/index.html | 36 ++-- _site/queer-book-list/index.html | 58 +++--- _site/queer/index.html | 62 +++--- _site/quorbs/index.html | 28 ++- _site/rachels-bracelets/index.html | 28 +-- _site/rambouillet-handspun/index.html | 44 ++-- .../recommendations-and-favorites/index.html | 52 ++--- _site/redirections/index.html | 30 ++- _site/reference/1/index.html | 4 +- _site/reference/2/index.html | 4 +- _site/reference/index.html | 4 +- _site/rescue-trans-rescue/index.html | 10 +- _site/resume/index.html | 4 +- _site/rope-one/index.html | 62 +++--- _site/ruby-the-alpaca-handspun/index.html | 28 +-- _site/scrap-patches/index.html | 10 +- _site/screen-reader-optimizations/index.html | 66 +++--- _site/seedling/index.html | 80 ++++---- _site/shirt-making-notes/index.html | 10 +- _site/shirts/index.html | 22 +- _site/shrimp-cat-toy/index.html | 22 +- _site/shrimp/index.html | 50 +++-- .../index.html | 10 +- _site/sideways-canvas-shirt/index.html | 68 ++++--- _site/sitemap.xml | 192 +++++++++--------- _site/slightly-weird-man-club/index.html | 56 ++--- _site/snap-pouch/index.html | 28 +-- _site/soras-collar/index.html | 30 ++- _site/spinners-dream-handspun/index.html | 66 +++--- _site/spinning-plants/index.html | 44 ++-- _site/spotted-towhee/index.html | 90 ++++---- _site/square-watercolor-pad/index.html | 44 ++-- _site/squarsh/index.html | 58 +++--- _site/stampede-journal/index.html | 26 +-- _site/stationery-exchange/index.html | 10 +- _site/stellars-jay/index.html | 36 ++-- _site/stephanie-collar/index.html | 52 +++-- _site/stickers/index.html | 54 ++--- _site/striped-journal/index.html | 32 +-- _site/style/index.html | 10 +- _site/sunflower/index.html | 30 ++- _site/swallowtail-on-snowdrops/index.html | 60 +++--- _site/swoop-wallet/index.html | 46 +++-- _site/tag/all/index.html | 4 +- _site/tag/blur/index.html | 4 +- _site/tag/book/index.html | 4 +- _site/tag/card/index.html | 4 +- _site/tag/gallery/index.html | 4 +- _site/tag/gender/index.html | 4 +- _site/tag/highlight/index.html | 4 +- _site/tag/knit/index.html | 4 +- _site/tag/leather/index.html | 4 +- _site/tag/patch/index.html | 4 +- _site/tag/pin/index.html | 4 +- _site/tag/posts/index.html | 4 +- _site/tag/print/index.html | 4 +- _site/tag/reference/index.html | 4 +- _site/tag/shirt/index.html | 4 +- _site/tag/software/index.html | 4 +- _site/tag/stationery/index.html | 4 +- _site/tag/sticker/index.html | 4 +- _site/tag/tagpagination/index.html | 4 +- _site/tag/yarn/index.html | 4 +- _site/tag/zine/index.html | 4 +- _site/tags/book/2/index.html | 4 +- _site/tags/book/index.html | 4 +- _site/tags/card/2/index.html | 4 +- _site/tags/card/3/index.html | 4 +- _site/tags/card/index.html | 4 +- _site/tags/gender/2/index.html | 4 +- _site/tags/gender/3/index.html | 4 +- _site/tags/gender/index.html | 4 +- _site/tags/highlight/index.html | 4 +- _site/tags/index.html | 4 +- _site/tags/knit/index.html | 4 +- _site/tags/leather/2/index.html | 4 +- _site/tags/leather/3/index.html | 4 +- _site/tags/leather/4/index.html | 4 +- _site/tags/leather/index.html | 4 +- _site/tags/patch/index.html | 4 +- _site/tags/pin/index.html | 4 +- _site/tags/print/2/index.html | 4 +- _site/tags/print/3/index.html | 4 +- _site/tags/print/4/index.html | 4 +- _site/tags/print/5/index.html | 4 +- _site/tags/print/index.html | 4 +- _site/tags/shirt/2/index.html | 4 +- _site/tags/shirt/index.html | 4 +- _site/tags/software/2/index.html | 4 +- _site/tags/software/index.html | 4 +- _site/tags/stationery/index.html | 4 +- _site/tags/sticker/index.html | 4 +- _site/tags/yarn/2/index.html | 4 +- _site/tags/yarn/index.html | 4 +- _site/tags/zine/index.html | 4 +- _site/textures-unite/index.html | 56 ++--- _site/tiny-books/index.html | 46 ++--- _site/tiny-mushrooms/index.html | 38 ++-- _site/tiny-portraits/index.html | 60 +++--- _site/tooled-leather-patches/index.html | 48 +++-- _site/trans-rights-skull/index.html | 40 ++-- _site/trans-the-world/index.html | 40 ++-- _site/trans-wrongs-skull/index.html | 40 ++-- _site/triangle-pouch/index.html | 24 +-- _site/vertical-bifold/index.html | 32 ++- _site/vertical-card-wallet/index.html | 30 ++- _site/vertical-zipper-card-wallet/index.html | 30 +-- _site/vix-collar/index.html | 52 +++-- _site/wrap-bracelets/index.html | 30 +-- _site/x-acto-knife-sheath/index.html | 28 +-- _site/zipper-bifold-green/index.html | 30 +-- _site/zipper-bifold/index.html | 28 +-- package-lock.json | 5 +- package.json | 2 +- 284 files changed, 4184 insertions(+), 4113 deletions(-) diff --git a/README.md b/README.md index cd0a94cb..ab4cd912 100644 --- a/README.md +++ b/README.md @@ -2,4 +2,14 @@ Lee Cattarin's personal website, v2. Built on Eleventy. -Not live yet. +## Pulling from git repo with NPM + +Apparently this works differently in WSL vs Linux? Fuck me, I guess. + +### WSL2 + +> "@zachleat/heading-anchors": "https://github.com/lee0c/heading-anchors/tarball/main", + +### Linux + +> "@zachleat/heading-anchors": "github:lee0c/heading-anchors" diff --git a/_site/1/index.html b/_site/1/index.html index 86f6e3fe..cb34a4c3 100644 --- a/_site/1/index.html +++ b/_site/1/index.html @@ -9,7 +9,7 @@ - + @@ -1214,6 +1214,6 @@ footer a:focus-visible { - + diff --git a/_site/10/index.html b/_site/10/index.html index a4240b87..b242a2e7 100644 --- a/_site/10/index.html +++ b/_site/10/index.html @@ -9,7 +9,7 @@ - + @@ -1240,6 +1240,6 @@ footer a:focus-visible { - + diff --git a/_site/11/index.html b/_site/11/index.html index 2b875574..de1ad276 100644 --- a/_site/11/index.html +++ b/_site/11/index.html @@ -9,7 +9,7 @@ - + @@ -1250,6 +1250,6 @@ footer a:focus-visible { - + diff --git a/_site/12/index.html b/_site/12/index.html index c74dfe8b..4477b83a 100644 --- a/_site/12/index.html +++ b/_site/12/index.html @@ -9,7 +9,7 @@ - + @@ -1238,6 +1238,6 @@ footer a:focus-visible { - + diff --git a/_site/13/index.html b/_site/13/index.html index 19d64720..b9049839 100644 --- a/_site/13/index.html +++ b/_site/13/index.html @@ -9,7 +9,7 @@ - + @@ -1224,6 +1224,6 @@ footer a:focus-visible { - + diff --git a/_site/14/index.html b/_site/14/index.html index e3e3e9cc..4849461c 100644 --- a/_site/14/index.html +++ b/_site/14/index.html @@ -9,7 +9,7 @@ - + @@ -1144,6 +1144,6 @@ footer a:focus-visible { - + diff --git a/_site/2/index.html b/_site/2/index.html index 74d788a9..7f58f6af 100644 --- a/_site/2/index.html +++ b/_site/2/index.html @@ -9,7 +9,7 @@ - + @@ -1220,6 +1220,6 @@ footer a:focus-visible { - + diff --git a/_site/3/index.html b/_site/3/index.html index 90aab108..3f9531f2 100644 --- a/_site/3/index.html +++ b/_site/3/index.html @@ -9,7 +9,7 @@ - + @@ -1226,6 +1226,6 @@ footer a:focus-visible { - + diff --git a/_site/4/index.html b/_site/4/index.html index d9c6de58..35457c14 100644 --- a/_site/4/index.html +++ b/_site/4/index.html @@ -9,7 +9,7 @@ - + @@ -1220,6 +1220,6 @@ footer a:focus-visible { - + diff --git a/_site/404.html b/_site/404.html index 1f8da42c..1f49c36c 100644 --- a/_site/404.html +++ b/_site/404.html @@ -9,7 +9,7 @@ - + @@ -855,12 +855,12 @@ class HeadingAnchors extends HTMLElement { } } } - +/* no longer used, using aria-labelledby instead - see getAnchorElement getAccessibleTextPrefix() { // Useful for i18n return this.getAttribute(HeadingAnchors.attributes.prefix) || "Jump to section titled"; } - +*/ getContent() { if(this.hasAttribute(HeadingAnchors.attributes.content)) { return this.getAttribute(HeadingAnchors.attributes.content); @@ -894,7 +894,7 @@ class HeadingAnchors extends HTMLElement { anchor.classList.add(HeadingAnchors.classes.anchor); let content = this.getContent(); - anchor.innerHTML = `${this.getAccessibleTextPrefix()}: ${heading.textContent}${content ? `` : ""}`; + anchor.innerHTML = `${content}`; // CHANGED HERE anchor.addEventListener("focus", e => { let anchor = e.target.closest(`.${HeadingAnchors.classes.anchor}`); @@ -1012,6 +1012,6 @@ export { HeadingAnchors } - + diff --git a/_site/5/index.html b/_site/5/index.html index 119d1ac6..028aef7d 100644 --- a/_site/5/index.html +++ b/_site/5/index.html @@ -9,7 +9,7 @@ - + @@ -1218,6 +1218,6 @@ footer a:focus-visible { - + diff --git a/_site/6/index.html b/_site/6/index.html index 5739e1c8..a691f4da 100644 --- a/_site/6/index.html +++ b/_site/6/index.html @@ -9,7 +9,7 @@ - + @@ -1220,6 +1220,6 @@ footer a:focus-visible { - + diff --git a/_site/7/index.html b/_site/7/index.html index 025cf0b2..ceb7b386 100644 --- a/_site/7/index.html +++ b/_site/7/index.html @@ -9,7 +9,7 @@ - + @@ -1222,6 +1222,6 @@ footer a:focus-visible { - + diff --git a/_site/8/index.html b/_site/8/index.html index dd6190a6..117a11e5 100644 --- a/_site/8/index.html +++ b/_site/8/index.html @@ -9,7 +9,7 @@ - + @@ -1214,6 +1214,6 @@ footer a:focus-visible { - + diff --git a/_site/9/index.html b/_site/9/index.html index 12392aeb..4ba3c51c 100644 --- a/_site/9/index.html +++ b/_site/9/index.html @@ -9,7 +9,7 @@ - + @@ -1256,6 +1256,6 @@ footer a:focus-visible { - + diff --git a/_site/aarons-mask/index.html b/_site/aarons-mask/index.html index 4bbeaf30..6bc13163 100644 --- a/_site/aarons-mask/index.html +++ b/_site/aarons-mask/index.html @@ -9,7 +9,7 @@ - + @@ -1281,12 +1281,12 @@ class HeadingAnchors extends HTMLElement { } } } - +/* no longer used, using aria-labelledby instead - see getAnchorElement getAccessibleTextPrefix() { // Useful for i18n return this.getAttribute(HeadingAnchors.attributes.prefix) || "Jump to section titled"; } - +*/ getContent() { if(this.hasAttribute(HeadingAnchors.attributes.content)) { return this.getAttribute(HeadingAnchors.attributes.content); @@ -1320,7 +1320,7 @@ class HeadingAnchors extends HTMLElement { anchor.classList.add(HeadingAnchors.classes.anchor); let content = this.getContent(); - anchor.innerHTML = `${this.getAccessibleTextPrefix()}: ${heading.textContent}${content ? `` : ""}`; + anchor.innerHTML = `${content}`; // CHANGED HERE anchor.addEventListener("focus", e => { let anchor = e.target.closest(`.${HeadingAnchors.classes.anchor}`); @@ -1479,10 +1479,10 @@ export { HeadingAnchors }
  1. - -

    mousie

    +     +

    patchwork wallet

    - A cat in a sunbeam snuggles a little leather mouse-shaped cat toy. + A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors.