Change aria-role (to "menu") for main user menu

This commit is contained in:
Lance Edgar 2020-02-11 13:42:47 -06:00
parent 3c4e9567a9
commit c17c25b4cb

View file

@ -5,7 +5,7 @@
<div v-if="user" <div v-if="user"
class="level-item"> class="level-item">
<b-dropdown aria-role="list"> <b-dropdown aria-role="menu">
<button class="button is-primary" <button class="button is-primary"
:class="{'is-danger': user_is_root}" :class="{'is-danger': user_is_root}"
slot="trigger"> slot="trigger">
@ -16,24 +16,24 @@
<slot></slot> <slot></slot>
<b-dropdown-item v-if="$store.state.user_is_admin && !user_is_root" <b-dropdown-item v-if="$store.state.user_is_admin && !user_is_root"
aria-role="listitem" aria-role="menuitem"
has-link has-link
class="root-user"> class="root-user">
<a href="#" @click.prevent="becomeRoot()">Become root</a> <a href="#" @click.prevent="becomeRoot()">Become root</a>
</b-dropdown-item> </b-dropdown-item>
<b-dropdown-item v-if="user_is_root" <b-dropdown-item v-if="user_is_root"
aria-role="listitem" aria-role="menuitem"
has-link has-link
class="root-user"> class="root-user">
<a href="#" @click.prevent="stopRoot()">Stop being root</a> <a href="#" @click.prevent="stopRoot()">Stop being root</a>
</b-dropdown-item> </b-dropdown-item>
<b-dropdown-item aria-role="listitem" has-link> <b-dropdown-item aria-role="menuitem" has-link>
<router-link to="/logout">Logout</router-link> <router-link to="/logout">Logout</router-link>
</b-dropdown-item> </b-dropdown-item>
<b-dropdown-item aria-role="listitem" has-link> <b-dropdown-item aria-role="menuitem" has-link>
<router-link to="/about">About</router-link> <router-link to="/about">About</router-link>
</b-dropdown-item> </b-dropdown-item>