From 80ece69a1069d92ceac4a07d990ae3fb8b2c8b51 Mon Sep 17 00:00:00 2001
From: Amy Lam <alam@fastly.com>
Date: Tue, 10 Apr 2018 08:46:08 -0700
Subject: [PATCH] Add form field title for a11y (#542)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add input title to improve a11y

Resolves pa11y error:

```
 • Error: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
   ├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F68
   ├── #search_input_react
   └── <input type="text" id="search_input_react" placeholder="Search" aria-label="Search" class="aa-input" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-labelledby="search_input_react" aria-owns="...
```

* Fix Prettier failure on Circle CI
---
 lib/core/nav/HeaderNav.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/core/nav/HeaderNav.js b/lib/core/nav/HeaderNav.js
index 835f5cc7d01e..522462057951 100644
--- a/lib/core/nav/HeaderNav.js
+++ b/lib/core/nav/HeaderNav.js
@@ -107,7 +107,12 @@ class HeaderNav extends React.Component {
       // return algolia search bar
       return (
         <li className="navSearchWrapper reactNavSearchWrapper" key="search">
-          <input id="search_input_react" type="text" placeholder="Search" />
+          <input
+            id="search_input_react"
+            type="text"
+            placeholder="Search"
+            title="Search"
+          />
         </li>
       );
     } else if (link.languages) {