accessability fixes for vcpkg (#114)

vcpkg · Jun 30, 2023 · 855ec65 · 855ec65
1 parent a6a29fb
commit 855ec65
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/css/getting-started.css b/css/getting-started.css
@@ -189,6 +189,7 @@ p {
 
 .link {
   text-decoration: underline;
+  color: #006ee5;
 }
 
 .windows,

diff --git a/en/getting-started.html b/en/getting-started.html
@@ -197,10 +197,10 @@
     <div class="header-text-getting-started">Get started with vcpkg</div>
     <div class="page">
       <nav class="left-side-getting-started">
-        <button role="tab" class="tab-btn gs-tab-btn" id="gs-btn-windows">Windows</button>
-        <button role="tab" class="tab-btn gs-tab-btn" id="gs-btn-linux">Linux</button>
+        <button class="tab-btn gs-tab-btn" id="gs-btn-windows" aria-label="Windows tab">Windows</button>
+        <button class="tab-btn gs-tab-btn" id="gs-btn-linux" aria-label="Linux tab">Linux</button>
 
-        <button role="tab" class="tab-btn gs-tab-btn" id="gs-btn-mac">MacOS</button>
+        <button class="tab-btn gs-tab-btn" id="gs-btn-mac" aria-label="MacOS tab" >MacOS</button>
 
         <div class="prerequisite-list">
           <div class="text-heading">Prerequisites</div>
@@ -218,10 +218,12 @@
           <ul class="col-md-11 mac">
             <li>Apple Developer Tools</li>
             <li>On macOS 10.14 or below, you will also need:</li>
-            <ul>
-              <li>Homebrew</li>
-              <li>g++ >= 6 from Homebrew</li>
-            </ul>
+            <li style="list-style: none;">
+              <ul>
+                <li>Homebrew</li>
+                <li>g++ >= 6 from Homebrew</li>
+              </ul>
+            </li>
           </ul>
         </div>
       </nav>

diff --git a/templates/getting-started.html b/templates/getting-started.html
@@ -20,10 +20,10 @@
     <div class="header-text-getting-started">Get started with vcpkg</div>
     <div class="page">
       <nav class="left-side-getting-started">
-        <button role="tab" class="tab-btn gs-tab-btn" id="gs-btn-windows">Windows</button>
-        <button role="tab" class="tab-btn gs-tab-btn" id="gs-btn-linux">Linux</button>
+        <button class="tab-btn gs-tab-btn" id="gs-btn-windows" aria-label="Windows tab">Windows</button>
+        <button class="tab-btn gs-tab-btn" id="gs-btn-linux" aria-label="Linux tab">Linux</button>
 
-        <button role="tab" class="tab-btn gs-tab-btn" id="gs-btn-mac">MacOS</button>
+        <button class="tab-btn gs-tab-btn" id="gs-btn-mac" aria-label="MacOS tab" >MacOS</button>
 
         <div class="prerequisite-list">
           <div class="text-heading">Prerequisites</div>
@@ -41,10 +41,12 @@
           <ul class="col-md-11 mac">
             <li>Apple Developer Tools</li>
             <li>On macOS 10.14 or below, you will also need:</li>
-            <ul>
-              <li>Homebrew</li>
-              <li>g++ >= 6 from Homebrew</li>
-            </ul>
+            <li style="list-style: none;">
+              <ul>
+                <li>Homebrew</li>
+                <li>g++ >= 6 from Homebrew</li>
+              </ul>
+            </li>
           </ul>
         </div>
       </nav>