Доступное раскрывающееся меню HTML

Мне нужно изменить выпадающее меню, которое хорошо работает с мышью, но я бы хотел сделать его более доступным с помощью клавиатуры.

Код PHP:

<div id="nav-collapsed-icon">
<div class="icon-menu"></div>
</div>
<div id="menu_section">
<div class="opened_menu">
<nav id="nav-main" class="nav-collapse cf collapse" role="navigation">
<div class="nav-wrap">
<div class="right_nav">
<?php
if ( has_nav_menu( 'top_right_navigation' ) ) {
wp_nav_menu(array(
'theme_location' => 'top_right_navigation',
'menu_class' => 'sf-menu',
'link_after' => ''
));
}
?>
</div>
</div>
</nav>
</div>
<div class="clearfix"></div>
</div>