investigate possible solutions for accessibility issues with linked image tile

documentation/docs/configuration/palettes/index.md

@@ -1,37 +1,38 @@
 ---
 show_tiles_first: true
 tiles:
-  - caption: Default
+  - caption: <a id="fnref:1" class="footnote-ref" title="to image description" alt="to long image description" href="#fn:1">Default</a>
     img_src: ../../img/palettes/default.png
-    img_title: Default
-    img_alt: 'demo site with a white background and light blue hyperlinks.'
+    img_title: to Default Demo Page 
+    img_alt: Default Demo Page
     link_href: ./default/
-  - caption: Gruvbox Dark
+  - caption: <a id="fnref:2" class="footnote-ref" title="to image description" alt="to long image description" href="#fn:2">Gruvbox Dark</a>
     img_src: ../../img/palettes/gruvbox_dark.png
-    img_title: Gruvbox Dark
-    img_alt: 'demo site with a dark grey background, orange hyperlinks, and light yellow text.'
+    img_title: to Gruvbox Dark Demo Page
+    img_alt: Gruvbox Dark Demo Page
     link_href: ./gruvbox-dark/
-  - caption: Dark
+  - caption: <a id="fnref:3" class="footnote-ref" title="to image description" alt="to long image description" href="#fn:3">Dark</a>
     img_src: ../../img/palettes/dark.png
-    img_title: Dark
-    img_alt: 'demo site with a black background, light blue hyperlinks, and white text.'
+    img_title: to Dark Demo Page 
+    img_alt: Dark Demo Page
     link_href: ./dark/    
-  - caption: Pink
+  - caption: <a id="fnref:4" class="footnote-ref" title="to image description" alt="to long image description" href="#fn:4">Pink</a>
     img_src: ../../img/palettes/pink.png
-    img_title: Pink
-    img_alt: 'demo site with a white background and pink hyperlinks.'
+    img_title: to Pink Demo Page
+    img_alt: Pink Demo Page
     link_href: ./pink/        
-  - caption: Sans
+  - caption: <a id="fnref:5" class="footnote-ref" title="to image description" alt="to long image description" href="#fn:5">Sans</a>
     img_src: ../../img/palettes/sans.png
-    img_title: Sans
-    img_alt: 'demo site with a white background, light blue hyperlinks, and sans font.'
+    img_title: to Sans Demo Page
+    img_alt: Sans Demo Page
     link_href: ./sans/    
-  - caption: Sans Dark
+  - caption: <a id="fnref:6" class="footnote-ref" title="to image description" alt="to long image description" href="#fn:6">Sans Dark</a>
     img_src: ../../img/palettes/sans_dark.png
-    img_title: Sans Dark
-    img_alt: 'demo site with a black background, light blue hyperlinks, and white text in sans font.'
+    img_title: to Sans Dark Demo Page 
+    img_alt: Sans Dark Demo Page
     link_href: ./sans-dark/            
 ---
+
 # Theme Color Palettes
 Terminal for MkDocs supports the following color palettes by default:
 
@@ -50,3 +51,9 @@ theme:
   palette: pink
 ```
 
+[^1]: demo site with a white background and light blue hyperlinks.
+[^2]: demo site with a dark grey background, orange hyperlinks, and light yellow text.
+[^3]: demo site with a black background, light blue hyperlinks, and white text.
+[^4]: demo site with a white background and pink hyperlinks.
+[^5]: demo site with a white background, light blue hyperlinks, and sans font.
+[^6]: demo site with a black background, light blue hyperlinks, and white text in sans font.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mkdocs-terminal",
-    "version": "3.11.0",
+    "version": "3.11.1",
     "description": "Terminal.css theme for MkDocs",
     "keywords": [
         "mkdocs",
@@ -25,4 +25,4 @@
     "engines": {
         "node": ">= 16"
     }
-}
+}

terminal/theme_version.html

@@ -1 +1 @@
-<meta name="generator" content="mkdocs-{{ mkdocs_version }}, mkdocs-terminal-3.11.0">
+<meta name="generator" content="mkdocs-{{ mkdocs_version }}, mkdocs-terminal-3.11.1">