Skip to content

Commit 8031f3c

Browse files
committed
PIX-62 Improve accessibility of UserListPanel toggle button by adding type and aria-label attributes.
1 parent 966436a commit 8031f3c

1 file changed

Lines changed: 7 additions & 1 deletion

File tree

client/src/components/lobbies/UserListPanel.vue

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,13 @@ const isOpen = ref(true);
88

99
<template>
1010
<div class="user-panel" :class="{ 'closed': !isOpen }">
11-
<button class="toggle-btn" @click="isOpen = !isOpen" title="Toggle User List">
11+
<button
12+
class="toggle-btn"
13+
@click="isOpen = !isOpen"
14+
title="Toggle User List"
15+
type="button"
16+
:aria-label="isOpen ? 'Collapse user list' : 'Expand user list'"
17+
>
1218
<span v-if="isOpen">→</span>
1319
<span v-else>←</span>
1420
</button>

0 commit comments

Comments
 (0)