gh-pages: update static page accessibility (#3684)

vufind-org · May 22, 2024 · ab39b32 · ab39b32
1 parent 6fc8d4b
commit ab39b32
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 12 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -11,7 +11,7 @@
   </head>
   <body>
     <div class="header">
-      <a href="{{ site.baseurl }}/" class="logo"><img src="{{ site.baseurl }}/assets/images/vf-beta.png"/></a>
+      <a href="{{ site.baseurl }}/" class="logo"><img src="{{ site.baseurl }}/assets/images/vf-beta.png" alt="Home"/></a>
       <br class="visible-xs visible-sm"/>
       <!--<a href="{{ site.baseurl }}/ddoc.html">Design Doc</a>-->
       <a href="{{ site.baseurl }}/about.html">About</a>

diff --git a/about.html b/about.html
@@ -3,7 +3,7 @@
 ---
 <div class="row">
   <div class="col-sm-6 prose">
-    <h2>About VuFind®</h2>
+    <h1>About VuFind®</h1>
 
     <p>
       VuFind® is a discovery system designed and developed for libraries by libraries. It is also flexible enough

diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -6,11 +6,22 @@
 
 // Styles
 
+html {
+  font-size: 16px;
+}
+
 body {
   background: $lgrey;
-  font:
-    16px "Roboto",
-    Arial;
+  font-family: "Roboto", Arial;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+a {
+  color: inherit;
+  text-decoration: underline;
+  text-decoration-thickness: max(0.08em, 1px);
+  text-underline-offset: 0.15em;
 }
 
 h1,
@@ -112,6 +123,7 @@ iframe {
     padding: 29px 10px;
     font-size: 17px;
     font-family: "Questrial";
+    color: black;
     text-decoration: none;
     vertical-align: top;
 
@@ -134,12 +146,18 @@ iframe {
   @extend .blue;
   padding: 16px 6px;
 
+  .container {
+    width: 100%;
+    max-width: 1170px;
+    padding-inline: 1rem;
+  }
+
   a {
-    color: lighten($blue, 42%);
-    text-decoration: underline;
+    font-weight: 500;
+    text-decoration-thickness: max(0.08em, 2px);
 
     &:hover {
-      color: #fff;
+      color: $green;
     }
   }
 
@@ -219,8 +237,8 @@ iframe {
 }
 
 .content {
-  padding: 20px;
-  color: #fff;
+  padding: 1rem;
+  color: white;
 }
 
 .footer {

diff --git a/downloads.html b/downloads.html
@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<h2>Downloads</h2>
+<h1>Downloads</h1>
 
 The following links will allow you to download the latest release. Most users will want the .tar.gz file, but Debian Linux users (including Ubuntu users) may find the .deb package more convenient.
 

diff --git a/features.html b/features.html
@@ -1,7 +1,8 @@
 ---
 layout: default
 ---
-<h2>Features</h2>
+<h1>Features</h1>
+
 <div class="video">
   <iframe width="560" height="315" src="https://www.youtube.com/embed/6Nf6sDSlQqg?si=p00c27j_OD-z5BL8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
   <a href="https://www.youtube.com/watch?v=6Nf6sDSlQqg">Introduction to VuFind®</a> from <a href="https://openlibraryfoundation.org/about/wolfcon/">WOLFcon 2021</a>

diff --git a/index.html b/index.html
@@ -1,6 +1,9 @@
 ---
 layout: default
 ---
+
+<h1 class="sr-only">Meet VuFind®!</h1>
+
 <div class="row">
   <div class="col-sm-6 content">
     <p>

diff --git a/support.html b/support.html
@@ -1,6 +1,9 @@
 ---
 layout: default
 ---
+
+<h1 class="sr-only">Support</h1>
+
 <div class="row">
   <div class="col-md-12">
     <h2 id="rsp">Registered Service Providers</h2>