Skip to content

Fix alt tag on participant avatars

Amy Qualls requested to merge aqualls-fix-avatar-alt into master

What does this MR do?

Fixes the rendering of user avatars in the "Participant" area of the merge request sidebar. The images used a default alt tag of "user avatar," so pointing a screenreader at the Participants section of a merge request repeated the words "user avatar" over … and over … and over. The tooltip was correct, but the alt tag was wrong.

Screenshots or Screencasts (strongly suggested)

Example code, before: (note the alt tag for the image)

<span><img src="https://www.gravatar.com/avatar/b23c667ee3f0af53bfa17d2c8f611244?s=80&amp;d=identicon"
width="24" height="24" alt="user avatar" class="avatar s24 avatar-inline js-lazy-loaded qa-js-lazy-loaded" loading="lazy"> <!----></span>

Code, after: (note the alt tag for the image)

<span><img src="https://www.gravatar.com/avatar/b23c667ee3f0af53bfa17d2c8f611244?s=80&amp;d=identicon"
width="24" height="24" alt="Verlene Gutkowski" class="avatar s24 avatar-inline js-lazy-loaded qa-js-lazy-loaded" loading="lazy"> <!----></span>

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

Security

Does this MR contain changes to processing or storing of credentials or tokens, authorization and authentication methods or other items described in the security review guidelines? If not, then delete this Security section.

  • Label as security and @ mention @gitlab-com/gl-security/appsec
  • The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • Security reports checked/validated by a reviewer from the AppSec team
Edited by Amy Qualls

Merge request reports