Screen reader: Add team button in team sidebar doesn't read out proper label about mattermost

[Karimaljandali]

I'd like to pick this up

[hmhealey]

Sorry for the delayed response, but I think you actually have the wrong button there. That dropdown is a different component than the one in the ticket.

The one you want to look at is the + button on the team sidebar that's only visible if the user is already on multiple teams. It has a tooltip of "Create a team", but the screen reader reads out "team unread link"

[Karimaljandali]

@marianunez @amyblais sorry not sure which one of you I should ping on this, but I tested this with a screen reader and the voice over I got was Add Channel Dropdown which matches the aria-label for the component:

mattermost/webapp/channels/src/components/sidebar/add_channel_dropdown.tsx

Lines 172 to 175 in f45fec7

	<button
	className={'AddChannelDropdown_dropdownButton'}
	aria-label={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.dropdownAriaLabel', defaultMessage: 'Add Channel Dropdown'})}
	>

I think this aria-label should suffice to be descriptive enough for the purpose of the button. Please let me know your thoughts on this. I would consider this a possible non-issue.

[Karimaljandali]

Thanks for the clarification @hmhealey ! That def makes much more sense now 😆