Address various accessibility issues

tedgravlin · Mar 22, 2024 · 0b4533a · 0b4533a
1 parent b366b59
commit 0b4533a
Show file tree

Hide file tree

Showing 35 changed files with 104 additions and 109 deletions.
diff --git a/404.html b/404.html
@@ -22,7 +22,7 @@
     <meta name="keywords" content="signal update info,signal updates,signal"/>
     <meta name="image" property="og:image" content="https://signalupdateinfo.com/assets/images/ogimage.jpg"/>
     <meta property="og:type" content="website"/>
-    <meta property="og:url" content="https://signalupdateinfo.com/"/>
+    <meta property="og:url" content="https://signalupdateinfo.com"/>
 </head>
 
 <body>
@@ -72,7 +72,7 @@ <h1>ERROR! Page not found.</h1>
         <br>
         <div class="theme-button-mobile "id="theme-button-mobile">
             <p>Theme:</p>
-            <img class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
+            <img alt="Auto Theme Icon" class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
         </div>
         <p class="disclaimer">Signal Update Info is not affiliated with Signal and is not an official Signal website.</p>
     </footer>

diff --git a/about.html b/about.html
@@ -22,7 +22,7 @@
     <meta name="keywords" content="signal update info,signal updates,signal"/>
     <meta name="image" property="og:image" content="https://signalupdateinfo.com/assets/images/ogimage.jpg"/>
     <meta property="og:type" content="website"/>
-    <meta property="og:url" content="https://signalupdateinfo.com/"/>
+    <meta property="og:url" content="https://signalupdateinfo.com"/>
 </head>
 
 <body>
@@ -31,7 +31,7 @@
         <a href="/index.html">
             <h1 class="site-title">Signal Update Info</h1>
         </a>
-        <img class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
+        <img alt="Auto Theme Icon" class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
         <div class="site-navigation">
             <a href="/releases.html">
                 Releases
@@ -75,7 +75,7 @@ <h1>About</h1>
         <br>
         <div class="theme-button-mobile "id="theme-button-mobile">
             <p>Theme:</p>
-            <img class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
+            <img alt="Auto Theme Icon" class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
         </div>
         <p class="disclaimer">Signal Update Info is not affiliated with Signal and is not an official Signal website.</p>
     </footer>

diff --git a/css/light-theme.css b/css/light-theme.css
@@ -82,17 +82,17 @@
 
     div.article-preview,
     div.tool-preview {
-        border: 3px solid transparent;
         background-color: var(--on-main-bg-color);
+        color: var(--main-color);
     }
 
     div.tool-button-preview {
         background-color: var(--main-color);
     }
 
     div.article-preview h1 {
-        background-color: var(--text-color);
-        color: transparent;
+        color: var(--main-color);
+        background-color: transparent;
     }
 
     div.message-option,
@@ -139,19 +139,6 @@
 
     /* Targeting devices with mouse cursor and :hover */
     @media(hover: hover) and (pointer: fine) {
-        div.article-preview:hover {
-            transition: 0.1s;
-            color: var(--text-color);
-            background-color: var(--main-color);
-            border: 3px solid var(--text-color);
-        }
-
-        div.article-preview:hover h1 {
-            transition: 0.1s;
-            background-color: var(--main-color);
-            color: var(--text-color);
-        }
-
         div.message-option:hover,
         div.style-option:hover,
         div.size-option:hover {

diff --git a/css/main.css b/css/main.css
@@ -5,6 +5,7 @@
 @font-face {
     font-family: "league-spartan";
     src: url(../assets/fonts/LeagueSpartan-SemiBold.ttf);
+    font-display: swap;
 }
 
 body {

diff --git a/donate.html b/donate.html
@@ -22,7 +22,7 @@
     <meta name="keywords" content="signal update info,signal updates,signal"/>
     <meta name="image" property="og:image" content="https://signalupdateinfo.com/assets/images/ogimage.jpg"/>
     <meta property="og:type" content="website"/>
-    <meta property="og:url" content="https://signalupdateinfo.com/"/>
+    <meta property="og:url" content="https://signalupdateinfo.com"/>
 </head>
 
 <body>
@@ -31,7 +31,7 @@
         <a href="/index.html">
             <h1 class="site-title">Signal Update Info</h1>
         </a>
-        <img class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
+        <img alt="Auto Theme Icon" class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
         <div class="site-navigation">
             <a href="/releases.html">
                 Releases
@@ -67,7 +67,7 @@ <h1>Donate</h1>
         <br>
         <div class="theme-button-mobile "id="theme-button-mobile">
             <p>Theme:</p>
-            <img class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
+            <img alt="Auto Theme Icon" class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
         </div>
         <p class="disclaimer">Signal Update Info is not affiliated with Signal and is not an official Signal website.</p>
     </footer>

diff --git a/index.html b/index.html
@@ -22,7 +22,7 @@
     <meta name="keywords" content="signal update info,signal updates,signal"/>
     <meta name="image" property="og:image" content="https://signalupdateinfo.com/assets/images/ogimage.jpg"/>
     <meta property="og:type" content="website"/>
-    <meta property="og:url" content="https://signalupdateinfo.com/"/>
+    <meta property="og:url" content="https://signalupdateinfo.com"/>
 </head>
 
 <body>
@@ -31,7 +31,7 @@
         <a href="/index.html">
             <h1 class="site-title">Signal Update Info</h1>
         </a>
-        <img class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
+        <img alt="Auto Theme Icon" class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
         <div class="site-navigation">
             <a href="/releases.html">
                 Releases
@@ -55,19 +55,19 @@ <h1>Latest Releases</h1>
                 <div class="home-releases releases-card-container">
                     <a class="noshow" href="/releases/android/android-v7.1.html">
                         <div class="release-card">
-                            <img src="/assets/images/icons/android.svg">
+                            <img alt="Android Logo" src="/assets/images/icons/android.svg">
                             <h3>v7.1</h3>
                         </div>
                     </a>
                     <a class="noshow" href="/releases/ios/ios-v7.4.html">
                         <div class="release-card">
-                            <img src="/assets/images/icons/ios.svg">
+                            <img alt="Apple Logo" src="/assets/images/icons/ios.svg">
                             <h3>v7.4</h3>
                         </div>
                     </a>
                     <a class="noshow" href="/releases/desktop/desktop-v7.4.html">
                         <div class="release-card">
-                            <img src="/assets/images/icons/desktop.svg">
+                            <img alt="Laptop Icon" src="/assets/images/icons/desktop.svg">
                             <h3>v7.4</h3>
                         </div>
                     </a>
@@ -109,7 +109,7 @@ <h1>Quick Links</h1>
         <br>
         <div class="theme-button-mobile "id="theme-button-mobile">
             <p>Theme:</p>
-            <img class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
+            <img alt="Auto Theme Icon" class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
         </div>
         <p class="disclaimer">Signal Update Info is not affiliated with Signal and is not an official Signal website.</p>
     </footer>

diff --git a/news.html b/news.html
@@ -22,7 +22,7 @@
     <meta name="keywords" content="signal update info,signal updates,signal"/>
     <meta name="image" property="og:image" content="https://signalupdateinfo.com/assets/images/ogimage.jpg"/>
     <meta property="og:type" content="website"/>
-    <meta property="og:url" content="https://signalupdateinfo.com/"/>
+    <meta property="og:url" content="https://signalupdateinfo.com"/>
 </head>
 
 <body>
@@ -31,7 +31,7 @@
         <a href="/index.html">
             <h1 class="site-title">Signal Update Info</h1>
         </a>
-        <img class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
+        <img alt="Auto Theme Icon" class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
         <div class="site-navigation">
             <a href="/releases.html">
                 Releases
@@ -71,7 +71,7 @@ <h3>Published Feb 1 2024</h3>
         <br>
         <div class="theme-button-mobile "id="theme-button-mobile">
             <p>Theme:</p>
-            <img class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
+            <img alt="Auto Theme Icon" class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
         </div>
         <p class="disclaimer">Signal Update Info is not affiliated with Signal and is not an official Signal website.</p>
     </footer>

diff --git a/news/article-template.html b/news/article-template.html
@@ -22,7 +22,7 @@
     <meta name="keywords" content="signal update info,signal updates,signal"/>
     <meta name="image" property="og:image" content="https://signalupdateinfo.com/assets/images/ogimage.jpg"/>
     <meta property="og:type" content="website"/>
-    <meta property="og:url" content="https://signalupdateinfo.com/"/>
+    <meta property="og:url" content="https://signalupdateinfo.com"/>
 </head>
 
 <body>
@@ -31,7 +31,7 @@
         <a href="/index.html">
             <h1 class="site-title">Signal Update Info</h1>
         </a>
-        <img class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
+        <img alt="Auto Theme Icon" class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
         <div class="site-navigation">
             <a href="/releases.html">
                 Releases
@@ -69,7 +69,7 @@ <h1>Article Template</h1>
         <br>
         <div class="theme-button-mobile "id="theme-button-mobile">
             <p>Theme:</p>
-            <img class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
+            <img alt="Auto Theme Icon" class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
         </div>
         <p class="disclaimer">Signal Update Info is not affiliated with Signal and is not an official Signal website.</p>
     </footer>

diff --git a/news/cloud-backups.html b/news/cloud-backups.html
@@ -30,7 +30,7 @@
         <a href="/index.html">
             <h1 class="site-title">Signal Update Info</h1>
         </a>
-        <img class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
+        <img alt="Auto Theme Icon" class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
         <div class="site-navigation">
             <a href="/releases.html">
                 Releases
@@ -124,7 +124,7 @@ <h3>More Details</h3>
         <br>
         <div class="theme-button-mobile "id="theme-button-mobile">
             <p>Theme:</p>
-            <img class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
+            <img alt="Auto Theme Icon" class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
         </div>
         <p class="disclaimer">Signal Update Info is not affiliated with Signal and is not an official Signal website.</p>
     </footer>

diff --git a/news/username-qr-codes.html b/news/username-qr-codes.html
@@ -22,7 +22,7 @@
     <meta name="keywords" content="signal update info,signal updates,signal"/>
     <meta name="image" property="og:image" content="https://signalupdateinfo.com/assets/images/ogimage.jpg"/>
     <meta property="og:type" content="website"/>
-    <meta property="og:url" content="https://signalupdateinfo.com/"/>
+    <meta property="og:url" content="https://signalupdateinfo.com"/>
 </head>
 
 <body>
@@ -31,7 +31,7 @@
         <a href="/index.html">
             <h1 class="site-title">Signal Update Info</h1>
         </a>
-        <img class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
+        <img alt="Auto Theme Icon" class="theme-button-desktop" id="theme-button-desktop" src="/assets/images/icons/theme-auto.svg">
         <div class="site-navigation">
             <a href="/releases.html">
                 Releases
@@ -83,7 +83,7 @@ <h1>Username QR Codes</h1>
         <br>
         <div class="theme-button-mobile "id="theme-button-mobile">
             <p>Theme:</p>
-            <img class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
+            <img alt="Auto Theme Icon" class="theme-icon-mobile" id="theme-icon-mobile" src="/assets/images/icons/theme-auto.svg">
         </div>
         <p class="disclaimer">Signal Update Info is not affiliated with Signal and is not an official Signal website.</p>
     </footer>