Improved accessibility

anic17 · Oct 7, 2023 · ec42216 · ec42216
1 parent 8d03a8a
commit ec42216
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
 
     <meta
       name="keywords"
-      content="anic17, Newtrodit, Batch-Antivirus, Batch Antivirus, DiskRead, anic171, gfmaxgE, Newtrodit, Complex, BFP, Batch Plugins"
+      content="anic17, Newtrodit, Batch-Antivirus, Batch Antivirus, DiskRead, anic171, gfmaxgE, Complex, BFP, Batch Plugins, Homepage, Projectile Simulator"
     />
 
     <link rel="icon" href="/resources/favicon.ico" type="image/x-icon" />
@@ -42,20 +42,12 @@
 
     <div id="layout">
       <div id="layout_notimportant">
-        <header>
-          <strong
-            ><a href="https://github.com/anic17"
-              ><h1 class="headers" title="My biggest projects">
-                My projects
-              </h1></a
-            ></strong
-          >
-        </header>
+        <strong><h1 title="My biggest projects" class="headers"><a href="https://github.com/anic17">My projects</a></h1></strong>
 
         <br />
         <hr id="titlehr" />
         <br />
-
+        <ul>
         <li>
           <strong
             ><a class="increase" href="https://anic17.github.io/Newtrodit"
@@ -108,7 +100,7 @@
             functions.
           </div>
         </li>
-
+      </ul>
         <br />
         <hr />
         <br />
@@ -165,6 +157,7 @@ <h2 id="sec_headers">
         </h2>
         <br />
         <div class="proglangcont">
+        <ul>
           <li class="batchlang" title="Projects with batch">
             <button class="projbox">
               <span class="projboxtitle">Projects with batch</span>
@@ -244,6 +237,19 @@ <h2 id="sec_headers">
               </li></button
             >HTML and CSS
           </li>
+          <li class="webdevlang" title="Projects with JavaScript">
+            <button class="projbox">
+              <span class="projboxtitle">Projects with JavaScript</span><br />
+              <li>
+                <a
+                  class="increase projboxlink"
+                  href="https://anic17.github.io/projectile-simulator"
+                  >Projectile motion simulator</a
+                >
+              </li></button
+            >JavaScript
+          </li>
+        </ul>
         </div>
       </div>
       <footer>

diff --git a/navbar.html b/navbar.html
@@ -1,56 +1,56 @@
 <div class="subnav">
   <!-- Buttons are formatted in this weird way due to browsers adding spaces between the buttons !-->
 
-  <a tabindex="1" href="https://anic17.github.io"
+  <a tabindex="0" href="https://anic17.github.io"
     ><button class="cursorpointer" title="Go to the homepage">Home</button></a
   >
 
-  <span tabindex="2" class="subnavmenu">
+  <span tabindex="1" class="subnavmenu">
     <button class="subnavhover">
       Projects <i class="fa fa-caret-down"></i>
     </button>
 
     <div class="subnav-content">
-      <a tabindex="3" href="https://anic17.github.io/Newtrodit">
+      <a tabindex="2" href="https://anic17.github.io/Newtrodit">
         <button class="cursorpointer" title="Newtrodit, a console text editor">
           Newtrodit
         </button></a
-      ><a tabindex="4" href="https://anic17.github.io/Batch-Antivirus"
+      ><a tabindex="3" href="https://anic17.github.io/Batch-Antivirus"
         ><button
           class="cursorpointer"
           title="Batch Antivirus, an antivirus written in batch"
         >
           Batch Antivirus
         </button></a
-      ><a tabindex="5" href="https://anic17.github.io/DiskRead"
+      ><a tabindex="4" href="https://anic17.github.io/DiskRead"
         ><button
           class="cursorpointer"
           title="DiskRead, read raw chunks of a disk or a file"
         >
           DiskRead
         </button></a
-      ><a tabindex="6" href="https://anic17.github.io/complex"
+      ><a tabindex="5" href="https://anic17.github.io/complex"
         ><button
           class="cursorpointer"
           title="Complex number library written in and for C"
         >
           Complex
         </button></a
-      ><a tabindex="7" href="https://anic17.github.io/homepage"
+      ><a tabindex="6" href="https://anic17.github.io/homepage"
         ><button
           class="cursorpointer"
           title="Simple, minimalist and intuitive browser homepage"
         >
           Homepage
         </button></a
-      ><a tabindex="8" href="https://anic17.github.io/SWH"
+      ><a tabindex="7" href="https://anic17.github.io/SWH"
       ><button
         class="cursorpointer"
         title="Scripting Windows Host, a scripting language for Windows"
       >
         SWH
       </button></a
-    ><a tabindex="9" href="https://anic17.github.io/batch-plugins"
+    ><a tabindex="8" href="https://anic17.github.io/batch-plugins"
       ><button class="cursorpointer" title="Collection of batch plugins">
         Batch plugins
       </button></a
@@ -59,12 +59,12 @@
   </span>
 </div>
 <div class="subnav">
-  <a tabindex="10" href="https://anic17.github.io/about" class="linknav"
+  <a tabindex="9" href="https://anic17.github.io/about" class="linknav"
     ><button class="cursorpointer" title="The about me page">
       About me
     </button></a
   >
-  <a tabindex="11" href="https://github.com/anic17" class="linknav"
+  <a tabindex="10" href="https://github.com/anic17" class="linknav"
     ><button class="cursorpointer" title="My GitHub profile">GitHub</button></a
   >
 </div>