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' : ''}` }