Improved SVG accessibility

GitTerraGame · Mar 20, 2024 · 0ce3783 · 0ce3783
1 parent b7e6e2e
commit 0ce3783
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <title>Welcome to GitTerraGame!</title>
+    <title>Welcome to GitTerra!</title>
     <meta content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <meta
@@ -172,6 +172,8 @@
     <div id="gitterra-app">
       <div id="wholeMenu">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 534 291.04">
+          <title>Git Terra Banner</title>
+          <text class="visually-hidden" font-size="0">Git Terra Banner</text>
           <defs>
             <style>
               .cls-1,
@@ -261,7 +263,12 @@ <h1>🏗️ Start Building 🏗️</h1>
                   stroke-linejoin: round;
                   stroke-miterlimit: 2;
                 "
+                role="img"
               >
+                <title>Play GitTerra on GitHub</title>
+                <text class="visually-hidden" font-size="0">
+                  Play GitTerra on GitHub
+                </text>
                 <g transform="matrix(1,0,0,1,-796.594,-4.0717)">
                   <g
                     id="GitHub"
@@ -378,7 +385,12 @@ <h1>🏗️ Start Building 🏗️</h1>
                   stroke-linejoin: round;
                   stroke-miterlimit: 2;
                 "
+                role="img"
               >
+                <title>Play GitTerra on GitLab</title>
+                <text class="visually-hidden" font-size="0">
+                  Play GitTerra on GitLab
+                </text>
                 <g
                   id="GitLab"
                   transform="matrix(1,0,0,0.823323,-133.256,-83.6228)"