From 719701781c61c02db2cdf55f1998835093c81e3a Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Thu, 30 Jun 2022 08:21:34 -0700
Subject: Accessibility

---
 content/overview-markdown-and-style.md | 12 +++++-----
 templates/base.html                    |  2 +-
 templates/contact.html                 |  6 ++---
 templates/macros/page.html             |  2 +-
 templates/macros/social.html           | 42 +++++++++++++++++-----------------
 templates/page.html                    |  2 +-
 templates/posts.html                   |  2 +-
 7 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/content/overview-markdown-and-style.md b/content/overview-markdown-and-style.md
index 08f7f21..3104326 100644
--- a/content/overview-markdown-and-style.md
+++ b/content/overview-markdown-and-style.md
@@ -210,13 +210,13 @@ If the nav tag is under the main tag instead of the header tag then the links wi
 ## Forms
 
 <form name="contact" method="POST" >
-    <p><label>Name</label>
-        <input type="text" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
+    <p><label for="name">Name</label>
+        <input type="text" placeholder="Name" id="name" required data-validation-required-message="Please enter your name." />
     </p>
-    <p><label>Email Address</label>
-        <input type="email" placeholder="name@example.com" id="email" required data-validation-required-message="Please enter your email address.">
+    <p><label for="email">Email Address</label>
+        <input type="email" placeholder="name@example.com" id="email" required data-validation-required-message="Please enter your email address." />
     </p>
-    <p><label>Message</label>
+    <p><label for="message">Message</label>
         <textarea rows="5" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
     </p>
     <div id="success"></div>
@@ -276,7 +276,7 @@ If the nav tag is under the main tag instead of the header tag then the links wi
     </fieldset>
     <br>
     <!-- Search -->
-    <input type="search" id="search" name="search" placeholder="Search">
+    <input type="search" id="search" name="search" placeholder="Search" title="Search">
     <!-- File browser -->
     <label for="file">File browser
     <input type="file" id="file" name="file">
diff --git a/templates/base.html b/templates/base.html
index 567c455..1022004 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -62,7 +62,7 @@
       <div>
         <form class="js" name="goSearch">
           <div class="searchd">
-            <input id="userinput" type="text" placeholder="Search" autocomplete="off" />
+            <input id="userinput" type="text" placeholder="Search" autocomplete="off" title="Search" />
             <button type="submit" title="Search">{%- if config.extra.icon_search -%}<i class="{{ config.extra.icon_search }}"></i>{%- else -%}<span class="si">&#8981;</span>{%- endif -%}</button>
           </div>
           <div><div id="suggestions"></div></div>
diff --git a/templates/contact.html b/templates/contact.html
index 926d6df..ae8a262 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -29,15 +29,15 @@
     <p>Want to get in touch? Fill out the form below to send me a message and I will get back to you as soon as possible!</p>
     <form name="contact" method="POST">
       <p>
-        <label>Name</label>
+        <label for="name">Name</label>
         <input type="text" placeholder="Name" id="name" required data-validation-required-message="Please enter your name." />
       </p>
       <p>
-        <label>Email Address</label>
+        <label for="email">Email Address</label>
         <input type="email" placeholder="name@example.com" id="email" required data-validation-required-message="Please enter your email address." />
       </p>
       <p>
-        <label>Message</label>
+        <label for="message">Message</label>
         <textarea rows="5" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
       </p>
       <div id="success"></div>
diff --git a/templates/macros/page.html b/templates/macros/page.html
index 9c5b156..df06117 100644
--- a/templates/macros/page.html
+++ b/templates/macros/page.html
@@ -1,5 +1,5 @@
 {%- macro page_listing(page) %}
         <div class="toc-item">
-          <a href="{{ page.permalink | safe}}{%- if config.extra.uglyurls %}index.html{%- endif %}" title="{{ page.title }}">{{ page.title }}</a>
+          <a href="{{ page.permalink | safe}}{%- if config.extra.uglyurls %}index.html{%- endif %}">{{ page.title }}</a>
         </div>
 {%- endmacro page_listing %}
diff --git a/templates/macros/social.html b/templates/macros/social.html
index 94ee9e2..e2786ef 100644
--- a/templates/macros/social.html
+++ b/templates/macros/social.html
@@ -3,47 +3,47 @@
         <ul>
 {%- set base_url = get_url(path="", lang=lang) -%}
           {%- if config.generate_feed -%}{%- if config.extra.social.feed -%}
-          <li><a href="{{ get_url(path=config.feed_filename, trailing_slash=false) | safe }}" target="_blank"><i type="Button" class="svg rss" title="Atom/RSS Feed"></i></a></li>{% endif -%}{% endif -%}
+          <li><a href="{{ get_url(path=config.feed_filename, trailing_slash=false) | safe }}" target="_blank" title="Atom/RSS Feed"><i type="Button" class="svg rss" title="Atom/RSS Feed"></i></a></li>{% endif -%}{% endif -%}
           {%- if social_config.mail -%}
-          <li><a href="mailto:{{ social_config.mail }}" target="_blank"><i type="Button" class="svg mail" title="Mail"></i></a></li>{% endif -%}
+          <li><a href="mailto:{{ social_config.mail }}" target="_blank" title="Mail"><i type="Button" class="svg mail" title="Mail"></i></a></li>{% endif -%}
           {%- if social_config.mastodon -%}
-          <li><a href="{{ social_config.mastodon }}/" target="_blank"><i type="Button" class="svg mastodon" title="Mastodon"></i></a></li>{% endif -%}
+          <li><a href="{{ social_config.mastodon }}/" target="_blank" title="Mastodon"><i type="Button" class="svg mastodon" title="Mastodon"></i></a></li>{% endif -%}
           {%- if social_config.element -%}
-          <li><a href="https://{{ social_config.element }}/" target="_blank"><i type="Button" class="svg element" title="Element"></i></a></li>{% endif -%}
+          <li><a href="https://{{ social_config.element }}/" target="_blank" title="Element"><i type="Button" class="svg element" title="Element"></i></a></li>{% endif -%}
           {%- if social_config.matrix -%}
-          <li><a href="https://{{ social_config.matrix }}/" target="_blank"><i type="Button" class="svg matrix" title="Matrix"></i></a></li>{% endif -%}
+          <li><a href="https://{{ social_config.matrix }}/" target="_blank" title="Matrix"><i type="Button" class="svg matrix" title="Matrix"></i></a></li>{% endif -%}
           {%- if social_config.twitter -%}
-          <li><a href="https://twitter.com/{{ social_config.twitter }}/" target="_blank"><i type="Button" class="svg twitter" title="Twitter"></i></a></li>{% endif -%}
+          <li><a href="https://twitter.com/{{ social_config.twitter }}/" target="_blank" title="Twitter"><i type="Button" class="svg twitter" title="Twitter"></i></a></li>{% endif -%}
           {%- if social_config.facebook -%}
-          <li><a href="https://www.facebook.com/{{ social_config.facebook }}/" target="_blank"><i type="Button" class="svg facebook" title="Facebook"></i></a></li>{% endif -%}
+          <li><a href="https://www.facebook.com/{{ social_config.facebook }}/" target="_blank" title="Facebook"><i type="Button" class="svg facebook" title="Facebook"></i></a></li>{% endif -%}
           {%- if social_config.linkedin -%}
-          <li><a href="https://www.linkedin.com/in/{{ social_config.linkedin }}/" target="_blank"><i type="Button" class="svg linkedin" title="LinkedIn"></i></a></li>{% endif -%}
+          <li><a href="https://www.linkedin.com/in/{{ social_config.linkedin }}/" target="_blank" title="LinkedIn"><i type="Button" class="svg linkedin" title="LinkedIn"></i></a></li>{% endif -%}
           {%- if social_config.researchgate -%}
-          <li><a href="https://www.researchgate.net/profile/{{ social_config.researchgate }}/" target="_blank"><i type="Button" class="svg researchgate" title="ResearchGate"></i></a></li>{% endif -%}
+          <li><a href="https://www.researchgate.net/profile/{{ social_config.researchgate }}/" target="_blank" title="ResearchGate"><i type="Button" class="svg researchgate" title="ResearchGate"></i></a></li>{% endif -%}
           {%- if social_config.gitlab -%}
-          <li><a href="https://gitlab.com/{{ social_config.gitlab }}/" target="_blank"><i type="Button" class="svg gitlab" title="Gitlab"></i></a></li>{% endif -%}
+          <li><a href="https://gitlab.com/{{ social_config.gitlab }}/" target="_blank" title="Gitlab"><i type="Button" class="svg gitlab" title="Gitlab"></i></a></li>{% endif -%}
           {%- if social_config.github -%}
-          <li><a href="https://github.com/{{ social_config.github }}/" target="_blank"><i type="Button" class="svg github" title="Github"></i></a></li>{% endif -%}
+          <li><a href="https://github.com/{{ social_config.github }}/" target="_blank" title="Github"><i type="Button" class="svg github" title="Github"></i></a></li>{% endif -%}
           {%- if social_config.bitbucket -%}
-          <li><a href="https://bitbucket.org/{{ social_config.bitbucket }}/" target="_blank"><i type="Button" class="svg bitbucket" title="Bitbucket"></i></a></li>{% endif -%}
+          <li><a href="https://bitbucket.org/{{ social_config.bitbucket }}/" target="_blank" title="Bitbucket"><i type="Button" class="svg bitbucket" title="Bitbucket"></i></a></li>{% endif -%}
           {%- if social_config.python -%}
-          <li><a href="https://pypi.org/user/{{ social_config.python }}/" target="_blank"><i type="Button" class="svg python" title="Python"></i></a></li>{% endif -%}
+          <li><a href="https://pypi.org/user/{{ social_config.python }}/" target="_blank" title="Python"><i type="Button" class="svg python" title="Python"></i></a></li>{% endif -%}
           {%- if social_config.docker -%}
-          <li><a href="https://hub.docker.com/u/{{ social_config.docker }}/" target="_blank"><i type="Button" class="svg docker" title="Docker"></i></a></li>{% endif -%}
+          <li><a href="https://hub.docker.com/u/{{ social_config.docker }}/" target="_blank" title="Docker"><i type="Button" class="svg docker" title="Docker"></i></a></li>{% endif -%}
           {%- if social_config.stack -%}
-          <li><a href="https://stackoverflow.com/users/{{ social_config.stack }}/" target="_blank"><i type="Button" class="svg stack" title="Stack"></i></a></li>{% endif -%}
+          <li><a href="https://stackoverflow.com/users/{{ social_config.stack }}/" target="_blank" title="Stack"><i type="Button" class="svg stack" title="Stack"></i></a></li>{% endif -%}
           {%- if social_config.instagram -%}
-          <li><a href="https://www.instagram.com/{{ social_config.instagram }}/" target="_blank"><i type="Button" class="svg instagram" title="Instagram"></i></a></li>{% endif -%}
+          <li><a href="https://www.instagram.com/{{ social_config.instagram }}/" target="_blank" title="Instagram"><i type="Button" class="svg instagram" title="Instagram"></i></a></li>{% endif -%}
           {%- if social_config.pinterest -%}
-          <li><a href="https://www.pinterest.com/{{ social_config.pinterest }}/" target="_blank"><i type="Button" class="svg pinterest" title="Pinterest"></i></a></li>{% endif -%}
+          <li><a href="https://www.pinterest.com/{{ social_config.pinterest }}/" target="_blank" title="Pinterest"><i type="Button" class="svg pinterest" title="Pinterest"></i></a></li>{% endif -%}
           {%- if social_config.twitch -%}
-          <li><a href="https://www.twitch.tv/{{ social_config.twitch }}/" target="_blank"><i type="Button" class="svg twitch" title="Twitch"></i></a></li>{% endif -%}
+          <li><a href="https://www.twitch.tv/{{ social_config.twitch }}/" target="_blank" title="Twitch"><i type="Button" class="svg twitch" title="Twitch"></i></a></li>{% endif -%}
           {%- if social_config.youtube -%}
-          <li><a href="https://www.youtube.com/{{ social_config.youtube }}" target="_blank"><i type="Button" class="svg youtube" title="YouTube"></i></a></li>{% endif -%}
+          <li><a href="https://www.youtube.com/{{ social_config.youtube }}" target="_blank" title="YouTube"><i type="Button" class="svg youtube" title="YouTube"></i></a></li>{% endif -%}
           {%- if social_config.buymeacoffee -%}
-          <li><a href="https://www.buymeacoffee.com/{{ social_config.buymeacoffee }}/" target="_blank"><i type="Button" class="svg buymeacoffee" title="Buy Me A Coffee"></i></a></li>{% endif -%}
+          <li><a href="https://www.buymeacoffee.com/{{ social_config.buymeacoffee }}/" target="_blank" title="Buy Me A Coffee"><i type="Button" class="svg buymeacoffee" title="Buy Me A Coffee"></i></a></li>{% endif -%}
           {%- if social_config.github_sponsor -%}
-          <li><a href="https://github.com/sponsors/{{ social_config.github_sponsor }}/" target="_blank"><i type="Button" class="svg github-sponsor" title="GitHub Sponsor"></i></a></li>{% endif -%}
+          <li><a href="https://github.com/sponsors/{{ social_config.github_sponsor }}/" target="_blank" title="GitHub Sponsor"><i type="Button" class="svg github-sponsor" title="GitHub Sponsor"></i></a></li>{% endif -%}
         </ul>
       </nav>
 {%- endmacro %}
diff --git a/templates/page.html b/templates/page.html
index 0b9ec9f..c94085b 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -82,7 +82,7 @@
 {%- if page.reading_time %}
 {%- if page.reading_time > 1 %}
 <span class="topout">
-<span class="topleft"> </span><a href="#" class="top">{%- if config.extra.icon_top %}<i class="{{ config.extra.icon_top }}"></i>{%- else %}&cuwed;{%- endif %}</a>
+<span class="topleft"> </span><a href="#" class="top" title="Back to Top">{%- if config.extra.icon_top %}<i class="{{ config.extra.icon_top }}"></i>{%- else %}&cuwed;{%- endif %}</a>
 </span>
 {%- endif %}
 {%- endif %}
diff --git a/templates/posts.html b/templates/posts.html
index e4f1d54..a03130c 100644
--- a/templates/posts.html
+++ b/templates/posts.html
@@ -23,7 +23,7 @@
       {%- for year, posts in section_item.pages | group_by(attribute="year") %}
       <h2>{{ year }}</h2>
       {%- for post in posts %}
-      <p><a href="{{ post.permalink | safe }}" title="{{ post.title }}">{{ post.title }}</a> - <time datetime="{{ post.date }}">{{ post.date | date(format="%F") }}</time></p>
+      <p><a href="{{ post.permalink | safe }}">{{ post.title }}</a> - <time datetime="{{ post.date }}">{{ post.date | date(format="%F") }}</time></p>
       {%- endfor %}
       {%- endfor %}
     </div>
-- 
cgit v1.3.1