Accessibility issues — form field #a11y
1. Add a role="search" on the form.

2. Placeholder is not a good way to label an input. It disappears and people can get confused as what to type then. 
Here it is also misleading as I understand that we can search keywords also?

Consider using a visible label: "Enter username or keyword…"

3. The search button has no accessible name.

You can add a text with a sr-only class for example or put an aria-label on the `<button>` tag.

It could look like this:

```
<form method="get" action="/search" autocomplete="off" role="search">
            <input name="f" value="users" style="display: none; ">
  <label for="toto">Enter username or keywords...</label>
            <input id="toto" type="text" name="q" autofocus="" placeholder="Enter username..." dir="auto">
            <button type="submit" aria-label="Search"><div class="icon-container"><span class="icon-search" title=""></span></div></button>
</form>

```

Or 

```
<form method="get" action="/search" autocomplete="off" role="search">
            <input name="f" value="users" style="display: none; ">
  <label for="toto">Enter username or keywords...</label>
            <input id="toto" type="text" name="q" autofocus="" placeholder="Enter username..." dir="auto">
            <button type="submit"><div class="icon-container"><span class="icon-search" title=""></span></div><span class="sr-only">Search</span></button>
</form>

```
