From b239f42f6b419c1835ffdaa8286c7fd638a55303 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Fri, 30 Oct 2020 01:15:29 +0530
Subject: [PATCH] Add accesskeys (attribute specifies a shortcut key to
 activate/focus an element.)

c - ToC Open/Close
g- Go To Top
h - Home (according to current lang)
t - Theme toggle

more: https://www.w3schools.com/tags/att_global_accesskey.asp
---
 layouts/_default/single.html | 2 +-
 layouts/partials/footer.html | 2 +-
 layouts/partials/header.html | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index b13fb74a..72fe4a5f 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -27,7 +27,7 @@
   <div class="toc">
     <details {{if .Params.TocOpen }} open{{ end }}>
       <summary>
-        <div class="details">{{- i18n "toc" | default "Table of Contents" }}</div>
+        <div class="details" accesskey="c">{{- i18n "toc" | default "Table of Contents" }}</div>
       </summary>
       <blockquote>
         {{- partial "toc.html" . }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index f6d407e2..a3ee83da 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -9,7 +9,7 @@
     <span>&middot;</span>
     <span>Theme️ <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
 </footer>
-<a href="#top" aria-label="go to top" title="Go to Top">
+<a href="#top" aria-label="go to top" title="Go to Top" accesskey="g">
     <button class="top-link" id="top-link" type="button">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
             <path d="M12 6H0l6-6z" /></svg>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 48a9f4eb..233587b1 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -33,7 +33,7 @@
 <header class="header">
     <nav class="nav">
         <div class="logo">
-            <a href="{{ "" | absLangURL }}">
+            <a href="{{ "" | absLangURL }}" accesskey="h">
                 {{- if .Site.Params.label.icon }}
                 <img src="{{- .Site.Params.label.icon -}}" alt="logo" aria-label="logo"
                     height="{{- .Site.Params.label.iconHeight | default "30px" -}}">
@@ -43,7 +43,7 @@
             <span class="logo-switches">
                 {{- if (and (not .Site.Params.disableThemeToggle) (not (or (eq .Site.Params.defaultTheme "light") (eq .Site.Params.defaultTheme "dark")))) }}
                 <span class="theme-toggle">
-                    <a id="theme-toggle">
+                    <a id="theme-toggle" accesskey="t">
                         <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                             fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                             stroke-linejoin="round">