Skip to content

mm-241 - adds aria labels to right hand side elements - #462

Merged
hanzei merged 19 commits into
mattermost:masterfrom
demansoltech:mm-241
Feb 24, 2023
Merged

mm-241 - adds aria labels to right hand side elements #462
hanzei merged 19 commits into
mattermost:masterfrom
demansoltech:mm-241

Conversation

@maisnamrajusingh

Copy link
Copy Markdown
Contributor

Summary

Hovering over the elements on the right hand side should display the labels for those items.

Ticket Link

#241

@maisnamrajusingh
maisnamrajusingh requested a review from hanzei as a code owner July 26, 2021 13:23
@mattermod

Copy link
Copy Markdown
Contributor

Hello @maisnamrajusingh,

Thanks for your pull request! A Core Committer will review your pull request soon. For code contributions, you can learn more about the review process here.

@larkox larkox 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.

LGTM

@larkox larkox added 2: Dev Review Requires review by a core committer 3: QA Review Requires review by a QA tester labels Jul 27, 2021
@larkox
larkox requested review from DHaussermann and mickmister and removed request for DHaussermann July 27, 2021 08:46
@larkox larkox removed the 3: QA Review Requires review by a QA tester label Jul 27, 2021

@hanzei hanzei 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.

LGTM 👍

@hanzei hanzei added this to the v2.1.0 milestone Aug 2, 2021

@hanzei hanzei 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.

Should the PR/Issue title also have a label?

@hanzei

hanzei commented Aug 2, 2021

Copy link
Copy Markdown
Contributor

And what about the milestone icon?

@jasonblais

Copy link
Copy Markdown
Contributor

@hanzei is this ready to merge? Looks like it has two approvals. We can create follow-up tickets for the additional labels and icons?

@mickmister mickmister 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.

Thanks @maisnamrajusingh, I have a request to reformat some JSX indenting. Also, I agree with @hanzei that we should add the aria-labels to the PR title and milestones, and I would like to add them to the PR/issue labels as well.

Comment on lines +192 to +195
<span
title={'Success'}
style={{...style.icon, ...style.iconSucess}}
><TickIcon/></span>

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.

Can we format the JSX for this block and the two blocks below like this?

Suggested change
<span
title={'Success'}
style={{...style.icon, ...style.iconSucess}}
><TickIcon/></span>
<span
title={'Success'}
style={{...style.icon, ...style.iconSucess}}
>
<TickIcon/>
</span>

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.

@maisnamrajusingh By "and the two blocks below" I meant to apply this change to the two blocks below this block as well. Can you please apply the change to the other two span blocks?

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.

sure, done.

Co-authored-by: Michael Kochell <6913320+mickmister@users.noreply.github.com>
@codecov-commenter

codecov-commenter commented Aug 6, 2021

Copy link
Copy Markdown

Codecov Report

Merging #462 (e8a192c) into master (f585550) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master     #462   +/-   ##
=======================================
  Coverage   15.51%   15.51%           
=======================================
  Files          15       15           
  Lines        4151     4151           
=======================================
  Hits          644      644           
  Misses       3465     3465           
  Partials       42       42           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

@mickmister mickmister linked an issue Aug 10, 2021 that may be closed by this pull request

@hanzei hanzei 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.

Blocking on by questions above: #462 (review)

@maisnamrajusingh

Copy link
Copy Markdown
Contributor Author

@hanzei I have assigned the changes to @sanjaydemansol He will take a look into it

@mickmister

Copy link
Copy Markdown
Contributor

I'm also blocking on #462 (comment)

@mattermod

Copy link
Copy Markdown
Contributor

This PR has been automatically labelled "stale" because it hasn't had recent activity.
A core team member will check in on the status of the PR to help with questions.
Thank you for your contribution!

/cc @jasonblais @jfrerich @emilyacook

@hanzei hanzei added the Awaiting Submitter Action Blocked on the author label Sep 3, 2021
@maisnamraju

Copy link
Copy Markdown

Should the PR/Issue title also have a label?

I guess it should have one, @sanjaydemansol can you add it.

@sanjaydemansol

Copy link
Copy Markdown
Contributor

Should the PR/Issue title also have a label?

Please elaborate, what should be the content of label?

@mickmister

Copy link
Copy Markdown
Contributor

@mickmister this was an original pr by @sanjaydemansol I am not sure if it was ticked or not. Should I just send a new PR in place of this ?

Since there is already review and dicussion history on this PR, I think it makes sense to finish this one that's in progress

Comment thread webapp/package-lock.json
Comment thread webapp/src/components/sidebar_right/github_items.tsx Outdated
Comment thread webapp/src/components/sidebar_right/github_items.tsx Outdated
if (item.milestone) {
milestone = (
<span
title={'Milestone'}

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.

Looks like we should have the milestone's name here, based on the discussion in this thread

maisnamrajusingh and others added 3 commits April 21, 2022 16:10
Co-authored-by: Michael Kochell <6913320+mickmister@users.noreply.github.com>
status = (<span style={{...style.icon, ...style.iconSucess}}><TickIcon/></span>);
status = (
<span
title={'Success'}

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.

I think "Checks Passing" would be more appropriate, but not a required change

@hanzei
hanzei requested a review from DHaussermann September 18, 2022 16:47
@hanzei hanzei added 3: QA Review Requires review by a QA tester and removed 2: Dev Review Requires review by a core committer Awaiting Submitter Action Blocked on the author Lifecycle/1:stale labels Sep 18, 2022
@hanzei hanzei removed this from the v2.2.0 milestone Sep 20, 2022
@mattermod

Copy link
Copy Markdown
Contributor

This PR has been automatically labelled "stale" because it hasn't had recent activity.
A core team member will check in on the status of the PR to help with questions.
Thank you for your contribution!

@hanzei

hanzei commented Feb 20, 2023

Copy link
Copy Markdown
Contributor

/update-branch

@mattermost-build

Copy link
Copy Markdown
Contributor

We don't have permissions to update this PR, please contact the submitter to apply the update.

@hanzei hanzei added this to the v2.2.0 milestone Feb 20, 2023

@DHaussermann DHaussermann left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Tested and passed

  • For the area in scope here:
    • All title spans have aria labels
    • Other spans and divs seem to all have aria label
    • All svg images have aria labels
  • No regressions found

note The initial issue makes mention that some hover effects are missing. While all .svg now have a label this did not solve the problem of missing hover effects on some elements. However, if this is problematic we should open a new issue with specifically where we want text to show on hover. Therefore I believe we should accept this PR as is.

LGTM!

@DHaussermann DHaussermann added 4: Reviews Complete All reviewers have approved the pull request and removed 3: QA Review Requires review by a QA tester labels Feb 23, 2023
@hanzei
hanzei merged commit 84b0428 into mattermost:master Feb 24, 2023
@mickmister mickmister mentioned this pull request Mar 20, 2023
@avas27JTG avas27JTG mentioned this pull request Nov 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

4: Reviews Complete All reviewers have approved the pull request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add aria-labels to RHS elements