Skip to content

Adding aria label to unread notification icon - #156

Open
karthikktamilmani-freshworks wants to merge 1 commit into
mainfrom
VA-76-adding-aria-label-for-unread-notification
Open

Adding aria label to unread notification icon#156
karthikktamilmani-freshworks wants to merge 1 commit into
mainfrom
VA-76-adding-aria-label-for-unread-notification

Conversation

@karthikktamilmani-freshworks

Copy link
Copy Markdown
Contributor

VA-76

Providing proper text description for unread notification icon

@neilmispelaar neilmispelaar left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Karthikk,

ReadNotification.vue:

The <i> tag has semantic meaning so I can't recommend it's use in this particular case.

Would be much better to use a <span> or <div> element here.

InboxItem

Will approve but would ask that maybe we can take a moment to explain what's going on exactly.

Thank you! Looking great.

@TishamIslam
TishamIslam self-requested a review August 13, 2021 13:39

@TishamIslam TishamIslam left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Karthikk, I believe what's meant for this task is to provide not just hidden text indicating that there's an unread message but to also provide visible text for sighted users that may not understand the significance of the blue icon.

"Many users may have difficulties determining the meaning of this icon based on the colour alone." implies that the Accessibility team wants us to account for sighted users and not just users using screenreaders.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants