minor seo and some accessibility improvements

egreer · Nov 8, 2024 · b64f9f1 · b64f9f1
1 parent 1fcb506
commit b64f9f1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -10,6 +10,11 @@
     <meta name="color-scheme" content="dark">
     <meta name="theme-color" content="#000000" />
 
+    <!-- http://www.gnuterrypratchett.com/#HTML -->
+    <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
+
+    <title>Beermiser - Jibbermaster</title>
+
     <link rel="shortcut icon" href="/icon/beer.ico" } />
     <link rel="apple-touch-icon" href="/icon/beer-256.png" } />
     <link
@@ -30,13 +35,13 @@
       href="/icon/beer-256.png"
       }
     />
-
-    <title>Jibbermaster</title>
+    <link rel="canonical" href="https://beermiser.jibbermaster.com" />
 
     <meta
       name="description"
       content="BeerMiser is the premier tool for the budget conscious drinker looking to maximize their inebriation for their dollar."
     />
+    <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
@@ -82,9 +87,6 @@
       })(window.location);
     </script>
     <!-- End Single Page Apps for GitHub Pages -->
-
-    <!-- http://www.gnuterrypratchett.com/#HTML -->
-    <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
   </head>
   <body class="bg-dark">
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/components/Footert.tsx b/src/components/Footert.tsx
@@ -12,6 +12,8 @@ export const Footer = () => {
             role="button"
             target="_blank"
             rel="noreferrer"
+            title="Explore source code at Github"
+            aria-label="Explore source code at Github"
           >
             <i className="fab fa-github"></i>
             <FontAwesomeIcon icon={faGithub}></FontAwesomeIcon>
@@ -22,6 +24,8 @@ export const Footer = () => {
             role="button"
             target="_blank"
             rel="noreferrer"
+            title="Donate at Paypal"
+            aria-label="Donate at Paypal"
           >
             <FontAwesomeIcon icon={faPaypal}></FontAwesomeIcon>
           </a>

diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
@@ -300,6 +300,7 @@ export class Home extends Component {
                   className="form-select rounded-end"
                   style={{ flexGrow: 0.15 }}
                   onChange={this.handleChange}
+                  aria-label="Alcohol Unit"
                 >
                   <option>APV</option>
                   <option>ABW</option>
@@ -396,6 +397,7 @@ export class Home extends Component {
               className="form-select rounded-end"
               style={{ flexGrow: 0.15 }}
               onChange={(e) => this.handleVolumeChange(e, v.id)}
+              aria-label="Volume Unit"
             >
               <option>Oz</option>
               <option>mL</option>