Accessibility improvements

suraj142 · Jul 7, 2020 · 1489c7e · 1489c7e
1 parent 36ef29e
commit 1489c7e
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 4 deletions.
diff --git a/_config.yml b/_config.yml
@@ -46,4 +46,5 @@ exclude:
   - CNAME
   - README.md
   - CONTRIBUTING.md
+  - LICENSE
   - Gemfile*
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -56,10 +56,10 @@ <h1><a href="/"><img alt="Mono Logo" src="/images/mono-gorilla.svg" onerror="thi
                   <div class="row collapse">
                     <div class="small-11 medium-9 large-10 columns">
                       <input name="as_sitesearch" type="hidden" value="www.mono-project.com" />
-                      <input name="q" type="text" placeholder="Search..." />
+                      <input name="q" type="text" title="Search query" placeholder="Search..." />
                     </div>
                     <div class="small-1 medium-3 large-2 columns">
-                     <button type="submit" class="postfix button"><i class="fas fa-search"></i></button>
+                     <button type="submit" title="Search" class="postfix button"><i class="fas fa-search"></i></button>
                     </div>
                   </div>
                 </form>

diff --git a/css/main.css b/css/main.css
@@ -39,6 +39,22 @@ code {
   padding-right: 5px;
 }
 
+button, .button {
+  background-color: #007EA8;
+}
+
+button:hover, button:focus, .button:hover, .button:focus {
+  background-color: #006385;
+}
+
+a {
+  color: #007EA8;
+}
+
+a:hover, a:focus {
+  color: #006B8F;
+}
+
 #main-wrapper {
   min-height: 100%;
   margin: 0 auto -100px;
@@ -72,7 +88,7 @@ code {
 
 footer {
   background-color: #EBEBEB;
-  color: #707070;
+  color: #696969;
   border-top: 1px solid #D9D8D7;
   height: 100px;
   padding: 25px 0;
@@ -84,7 +100,7 @@ footer {
 }
 
 #footer-notes a {
-  color: #969696;
+  color: #6A6A6A;
 }
 
 footer ul {
@@ -132,6 +148,14 @@ footer h6 a {
   margin-top: 8px;
 }
 
+.top-bar-section li.active:not(.has-form) a:not(.button) {
+  background: #007EA8;
+}
+
+.top-bar-section li.active:not(.has-form) a:not(.button):hover {
+  background: #006385;
+}
+
 .top-bar .toggle-topbar {
   margin-top: 8px;
 }
@@ -188,6 +212,11 @@ footer h6 a {
   padding-bottom: 10px;
   border-bottom: 1px solid #D9D8D7;
 }
+
+#index-teaser a {
+  color: #007399;
+}
+
 /* --- --- */
 
 /* --- Download page --- */