diff --git a/frontend-vue/src/components/sidebar/ChannelListItem.vue b/frontend-vue/src/components/sidebar/ChannelListItem.vue
index 430c06a..3edc45f 100644
--- a/frontend-vue/src/components/sidebar/ChannelListItem.vue
+++ b/frontend-vue/src/components/sidebar/ChannelListItem.vue
@@ -12,9 +12,11 @@
class="channel-button"
@click="$emit('select', channel.id)"
@focus="handleFocus"
+ role="option"
+ :aria-current="isActive"
+ aria-selected="true"
@keydown="handleKeydown"
:tabindex="tabindex"
- :aria-pressed="isActive"
:aria-label="channelAriaLabel"
>
{{ channel.name }}
@@ -58,7 +60,7 @@ const props = defineProps()
// Better ARIA label that announces the channel name and unread count
const channelAriaLabel = computed(() => {
- let label = `${props.channel.name} channel`
+ let label = `#${props.channel.name}`
if (props.unreadCount) {
label += `, ${props.unreadCount} unread message${props.unreadCount > 1 ? 's' : ''}`
}