Merge pull request #604 from PatrykMis/basic-a11y

Add preliminary accessibility support
reisxd · Dec 16, 2022 · 7cad671 · 7cad671
2 parents 3fba51b + 6071c65
commit 7cad671
Show file tree

Hide file tree

Showing 12 changed files with 193 additions and 75 deletions.
diff --git a/public/about/index.html b/public/about/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
@@ -44,25 +44,36 @@ <h2>Contributors</h2>
             <a
               target="_blank"
               href="https://github.com/reisxd/revanced-builder/graphs/contributors"
+              aria-label="View contributors"
+              title="View contributors"
             >
               <img
                 class="desktop"
                 src="https://contrib.rocks/image?repo=reisxd/revanced-builder"
+                alt=""
               />
               <img
                 class="mobile"
                 src="https://contrib.rocks/image?repo=reisxd/revanced-builder&columns=5"
+                alt=""
               />
             </a>
           </div>
         </div>
       </main>
       <footer>
-        <a href="https://github.com/reisxd/revanced-builder" target="_blank"
-          ><i class="social-icon fa-brands fa-xl fa-github"></i
+        <a
+          href="https://github.com/reisxd/revanced-builder"
+          target="_blank"
+          aria-label="ReVanced Builder on GitHub"
+          title="ReVanced Builder on GitHub"
+          ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
         ></a>
-        <a href="/settings"
-          ><i class="social-icon fa-xl fa-solid fa-gear"></i
+        <a
+          href="/settings"
+          aria-label="Settings"
+          title="Settings"
+          ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
         ></a>
         <span class="right"></span>
         <button onclick="location.href='/'">Home</button>

diff --git a/public/apps/index.html b/public/apps/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
@@ -28,7 +28,7 @@ <h2 class="prog"></h2>
           <input
             class="searchBox"
             id="search"
-            type="text"
+            type="search"
             placeholder="Search for an app..."
           />
         </header>
@@ -39,14 +39,24 @@ <h2 class="prog"></h2>
         </div>
       </main>
       <footer>
-        <a href="https://github.com/reisxd/revanced-builder" target="_blank"
-          ><i class="social-icon fa-brands fa-xl fa-github"></i
+        <a
+          href="https://github.com/reisxd/revanced-builder"
+          target="_blank"
+          aria-label="ReVanced Builder on GitHub"
+          title="ReVanced Builder on GitHub"
+          ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
         ></a>
-        <a href="/about"
-          ><i class="social-icon fa-solid fa-xl fa-question-circle"></i
+        <a
+          href="/about"
+          aria-label="About ReVanced Builder"
+          title="About ReVanced Builder"
+          ><i aria-hidden="true" class="social-icon fa-solid fa-xl fa-question-circle"></i
         ></a>
-        <a href="/settings"
-          ><i class="social-icon fa-xl fa-solid fa-gear"></i
+        <a
+          href="/settings"
+          aria-label="Settings"
+          title="Settings"
+          ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
         ></a>
         <span class="right"></span>
         <button class="highlighted" id="continue" onclick="setApp()">

diff --git a/public/dependencies/index.html b/public/dependencies/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
@@ -29,14 +29,26 @@ <h1>Downloading dependencies</h1>
         <progress value="0"></progress>
       </main>
       <footer>
-        <a href="https://github.com/reisxd/revanced-builder" target="_blank"
-          ><i class="social-icon fa-brands fa-xl fa-github"></i
+        <a
+          href="https://github.com/reisxd/revanced-builder"
+          target="_blank"
+          aria-label="ReVanced Builder on GitHub"
+          title="ReVanced Builder on GitHub"
+          ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
         ></a>
-        <a href="/about" target="_blank"
-          ><i class="social-icon fa-solid fa-xl fa-question-circle"></i
+        <a
+          href="/about"
+          target="_blank"
+          aria-label="About ReVanced Builder"
+          title="About ReVanced Builder"
+          ><i aria-hidden="true" class="social-icon fa-solid fa-xl fa-question-circle"></i
         ></a>
-        <a href="/settings" target="_blank"
-          ><i class="social-icon fa-xl fa-solid fa-gear"></i
+        <a
+          href="/settings"
+          target="_blank"
+          aria-label="Settings"
+          title="Settings"
+          ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
         ></a>
         <span class="right"></span>
         <button onclick="location.href='../index.html'">Back</button>

diff --git a/public/devices/index.html b/public/devices/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
@@ -29,14 +29,26 @@ <h1>Select the device(s) you want to install ReVanced to</h1>
         </div>
       </main>
       <footer>
-        <a href="https://github.com/reisxd/revanced-builder" target="_blank"
-          ><i class="social-icon fa-brands fa-xl fa-github"></i
+        <a
+          href="https://github.com/reisxd/revanced-builder"
+          target="_blank"
+          aria-label="ReVanced Builder on GitHub"
+          title="ReVanced Builder on GitHub"
+          ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
         ></a>
-        <a href="/about" target="_blank"
-          ><i class="social-icon fa-solid fa-xl fa-question-circle"></i
+        <a
+          href="/about"
+          target="_blank"
+          aria-label="About ReVanced Builder"
+          title="About ReVanced Builder"
+          ><i aria-hidden="true" class="social-icon fa-solid fa-xl fa-question-circle"></i
         ></a>
-        <a href="/settings" target="_blank"
-          ><i class="social-icon fa-xl fa-solid fa-gear"></i
+        <a
+          href="/settings"
+          target="_blank"
+          aria-label="Settings"
+          title="Settings"
+          ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
         ></a>
         <span class="right"></span>
         <button id="back" onclick="history.back()">Back</button>

diff --git a/public/exited/index.html b/public/exited/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />

diff --git a/public/failure/index.html b/public/failure/index.html
@@ -24,14 +24,24 @@ <h1>Failure</h1>
         </div>
       </main>
       <footer>
-        <a href="https://github.com/reisxd/revanced-builder" target="_blank"
-          ><i class="social-icon fa-brands fa-xl fa-github"></i
+        <a
+          href="https://github.com/reisxd/revanced-builder"
+          target="_blank"
+          aria-label="ReVanced Builder on GitHub"
+          title="ReVanced Builder on GitHub"
+          ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
         ></a>
-        <a href="/about"
-          ><i class="social-icon fa-solid fa-xl fa-question-circle"></i
+        <a
+          href="/about"
+          aria-label="About ReVanced Builder"
+          title="About ReVanced Builder"
+          ><i aria-hidden="true" class="social-icon fa-solid fa-xl fa-question-circle"></i
         ></a>
-        <a href="/settings"
-          ><i class="social-icon fa-xl fa-solid fa-gear"></i
+        <a
+          href="/settings"
+          aria-label="Settings"
+          title="Settings"
+          ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
         ></a>
         <span class="right"></span>
         <button onclick="history.back();">Back</button>

diff --git a/public/index.html b/public/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
@@ -62,13 +62,21 @@ <h2>Status</h2>
               <a
                 href="https://github.com/reisxd/revanced-builder"
                 target="_blank"
-                ><i class="social-icon fa-brands fa-xl fa-github"></i
+                aria-label="ReVanced Builder on GitHub"
+                title="ReVanced Builder on GitHub"
+                ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
               ></a>
-              <a href="/about"
-                ><i class="social-icon fa-solid fa-xl fa-question-circle"></i
+              <a
+                href="/about"
+                aria-label="About ReVanced Builder"
+                title="About ReVanced Builder"
+                ><i aria-hidden="true" class="social-icon fa-solid fa-xl fa-question-circle"></i
               ></a>
-              <a href="/settings"
-                ><i class="social-icon fa-xl fa-solid fa-gear"></i
+              <a
+                href="/settings"
+                aria-label="Settings"
+                title="Settings"
+                ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
               ></a>
             </div>
           </div>

diff --git a/public/installer/index.html b/public/installer/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
@@ -24,14 +24,26 @@ <h1>Installing...</h1>
         </div>
       </main>
       <footer>
-        <a href="https://github.com/reisxd/revanced-builder" target="_blank"
-          ><i class="social-icon fa-brands fa-xl fa-github"></i
+        <a
+          href="https://github.com/reisxd/revanced-builder"
+          target="_blank"
+          aria-label="ReVanced Builder on GitHub"
+          title="ReVanced Builder on GitHub"
+          ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
         ></a>
-        <a href="/about" target="_blank"
-          ><i class="social-icon fa-solid fa-xl fa-question-circle"></i
+        <a
+          href="/about"
+          target="_blank"
+          aria-label="About ReVanced Builder"
+          title="About ReVanced Builder"
+          ><i aria-hidden="true" class="social-icon fa-solid fa-xl fa-question-circle"></i
         ></a>
-        <a href="/settings" target="_blank"
-          ><i class="social-icon fa-xl fa-solid fa-gear"></i
+        <a
+          href="/settings"
+          target="_blank"
+          aria-label="Settings"
+          title="Settings"
+          ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
         ></a>
         <span class="right"></span>
       </footer>

diff --git a/public/patch/index.html b/public/patch/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
@@ -24,14 +24,26 @@ <h1>Patching...</h1>
         </div>
       </main>
       <footer>
-        <a href="https://github.com/reisxd/revanced-builder" target="_blank"
-          ><i class="social-icon fa-brands fa-xl fa-github"></i
+        <a
+          href="https://github.com/reisxd/revanced-builder"
+          target="_blank"
+          aria-label="ReVanced Builder on GitHub"
+          title="ReVanced Builder on GitHub"
+          ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
         ></a>
-        <a href="/about" target="_blank"
-          ><i class="social-icon fa-solid fa-xl fa-question-circle"></i
+        <a
+          href="/about"
+          target="_blank"
+          aria-label="About ReVanced Builder"
+          title="About ReVanced Builder"
+          ><i aria-hidden="true" class="social-icon fa-solid fa-xl fa-question-circle"></i
         ></a>
-        <a href="/settings" target="_blank"
-          ><i class="social-icon fa-xl fa-solid fa-gear"></i
+        <a
+          href="/settings"
+          target="_blank"
+          aria-label="Settings"
+          title="Settings"
+          ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
         ></a>
         <span class="right"></span>
       </footer>

diff --git a/public/patches/index.html b/public/patches/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en-US">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
@@ -21,11 +21,11 @@ <h1>Select patches to include</h1>
             <button onclick="toggle(true)">Select All</button>
             <button onclick="toggle(false)">Deselect all</button>
           </div>
-          <div>
+          <div role="search">
             <input
               class="searchBox"
               id="search"
-              type="text"
+              type="search"
               placeholder="Search for a patch..."
             />
           </div>
@@ -37,14 +37,26 @@ <h1>Select patches to include</h1>
         </div>
       </main>
       <footer>
-        <a href="https://github.com/reisxd/revanced-builder" target="_blank"
-          ><i class="social-icon fa-brands fa-xl fa-github"></i
+        <a
+          href="https://github.com/reisxd/revanced-builder"
+          target="_blank"
+          aria-label="ReVanced Builder on GitHub"
+          title="ReVanced Builder on GitHub"
+          ><i aria-hidden="true" class="social-icon fa-brands fa-xl fa-github"></i
         ></a>
-        <a href="/about" target="_blank"
-          ><i class="social-icon fa-solid fa-xl fa-question-circle"></i
+        <a
+          href="/about"
+          target="_blank"
+          aria-label="About ReVanced Builder"
+          title="About ReVanced Builder"
+          ><i aria-hidden="true" class="social-icon fa-solid fa-xl fa-question-circle"></i
         ></a>
-        <a href="/settings" target="_blank"
-          ><i class="social-icon fa-xl fa-solid fa-gear"></i
+        <a
+          href="/settings"
+          target="_blank"
+          aria-label="Settings"
+          title="Settings"
+          ><i aria-hidden="true" class="social-icon fa-xl fa-solid fa-gear"></i
         ></a>
         <span class="right"></span>
         <button onclick="history.back()">Back</button>