кнопка поиска не работает с доступом с клавиатуры

Question

Переключатель поиска работает, когда я нажимаю на нее, но не работает, когда я получаю доступ через клавиатуру. другие элементы работают с клавиатурой.

<div class="container no-gutter">
    <div class="row">  
        <div class="navbar-header nav-main"> 
<input id="showSearch" aria-label="site-search" class="main-search-btn btn" type="checkbox"/>  
 <label tabindex="0" title="toggle search" class="glyphicon glyphicon-search search-btn toggler" for="showSearch"></label> 

</div>
   </div>
</div>