From 8454889f633f0ce33dfd23d397724a2d1c1f8420 Mon Sep 17 00:00:00 2001
From: Kevin Picchi <kevin@picchi.ch>
Date: Tue, 12 Nov 2019 16:55:00 +0000
Subject: [PATCH 1/3] Buttons must have discernible text

---
 src/core/render/tpl.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/core/render/tpl.js b/src/core/render/tpl.js
index 71f565238..79cbaaec6 100644
--- a/src/core/render/tpl.js
+++ b/src/core/render/tpl.js
@@ -29,7 +29,7 @@ export function corner(data) {
  */
 export function main(config) {
   const aside =
-    '<button class="sidebar-toggle">' +
+    '<button class="sidebar-toggle" aria-label="Menu">' +
     '<div class="sidebar-toggle-button">' +
     '<span></span><span></span><span></span>' +
     '</div>' +

From 83f9b0185217ffc0bc15ec783807facc41027375 Mon Sep 17 00:00:00 2001
From: Kevin Picchi <kevin@picchi.ch>
Date: Tue, 12 Nov 2019 16:55:32 +0000
Subject: [PATCH 2/3] Form elements must have labels

---
 src/plugins/search/component.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/search/component.js b/src/plugins/search/component.js
index 42b0d1935..8c98b86fa 100644
--- a/src/plugins/search/component.js
+++ b/src/plugins/search/component.js
@@ -99,7 +99,7 @@ function style() {
 function tpl(defaultValue = '') {
   const html =
     `<div class="input-wrap">
-      <input type="search" value="${defaultValue}" />
+      <input type="search" value="${defaultValue}" aria-label="Search text" />
       <div class="clear-button">
         <svg width="26" height="24">
           <circle cx="12" cy="12" r="11" fill="#ccc" />

From 229a63c2e8636bffd810d43578779cae454846f6 Mon Sep 17 00:00:00 2001
From: Kevin Picchi <kevin@picchi.ch>
Date: Fri, 29 Nov 2019 11:25:26 +0000
Subject: [PATCH 3/3] Add :focus styling

---
 src/plugins/search/component.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/plugins/search/component.js b/src/plugins/search/component.js
index 8c98b86fa..4daf5fd3e 100644
--- a/src/plugins/search/component.js
+++ b/src/plugins/search/component.js
@@ -35,6 +35,12 @@ function style() {
   padding: 0 7px;
   line-height: 36px;
   font-size: 14px;
+  border: 1px solid transparent;
+}
+
+.search input:focus {
+  box-shadow: 0 0 5px var(--theme-color, #42b983);
+  border: 1px solid var(--theme-color, #42b983);
 }
 
 .search input::-webkit-search-decoration,