feat(site): improving accessibility for our users

Alt tags, titles, zoom support and more.

themes/aurelia-theme/layouts/index.html

@@ -3,7 +3,7 @@
 <section class="home-screen">
   <div class="hero">
     <div class="left">
-      <img class="logo-icon" src="{{ "aurelia-icon.svg" | relURL }}" />
+      <img class="logo-icon" src="{{ "aurelia-icon.svg" | relURL }}" alt="Aurelia" width="150" height="150" />
     </div>
 
     <div class="right">
@@ -67,6 +67,7 @@ <h2 class="group-name">{{ .name }}</h2>
           <iframe
             src="{{ .sandbox_url }}?autoresize=1&hidenavigation=1&module=/src/app.js,/src/app.html&editorsize=60&codemirror=1"
             style="width:100%;height:500px;border:0;border-radius:4px;border:2px solid rgb(36, 40, 42);overflow:hidden;"
+            title="{{ .name }}"
             sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin">
           </iframe>
         </div>
@@ -114,6 +115,7 @@ <h2>Bronze Sponsors</h2>
         frameborder="0"
         style="margin: 0; padding: 0; border: none; width: 1024px; height: 256px;"
         src="{{ .Params.sponsors.bronze_iframe }}"
+        title="Bronze Sponsors"
       ></iframe>
     </div>
 
@@ -122,7 +124,7 @@ <h2>Wood Sponsors</h2>
     </div>
 
     <div class="features" style="justify-content: center">
-      <img src="{{ .Params.sponsors.wood_iframe }}" loading="lazy" />
+      <img src="{{ .Params.sponsors.wood_iframe }}" loading="lazy" title="Wood Sponsors" />
     </div>
 
     <div class="features" style="justify-content: center">

themes/aurelia-theme/layouts/partials/head.html

@@ -1,5 +1,5 @@
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, shrink-to-fit=no">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro:200,400,700&display=swap&font-display=swap" rel="stylesheet">