A11Y: improve about page profile link markup (#23695)

This commit is contained in:
Kris 2023-10-02 13:55:28 -04:00 committed by GitHub
parent 5884176174
commit 0bb7e9e0b8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 29 additions and 38 deletions

View File

@ -1,34 +1,32 @@
{{#each this.usersTemplates as |userTemplate|}}
<div data-username={{userTemplate.username}} class="user-info small">
<div class="user-image">
<div class="user-image-inner">
<a
href={{userTemplate.userPath}}
data-user-card={{userTemplate.username}}
>
<a
href={{userTemplate.userPath}}
data-user-card={{userTemplate.username}}
aria-label={{i18n "user.profile_possessive" username=userTemplate.username}}
>
<div data-username={{userTemplate.username}} class="user-info small">
<div class="user-image">
<div class="user-image-inner">
{{html-safe userTemplate.avatar}}
</a>
</div>
</div>
</div>
<div class="user-detail">
<div class="name-line">
<span class="username">
<a
href={{userTemplate.userPath}}
data-user-card={{userTemplate.username}}
>
<div class="user-detail">
<div class="name-line">
<span class="username">
{{#if
userTemplate.prioritizeName
}}{{userTemplate.name}}{{else}}{{userTemplate.username}}{{/if}}
</a>
</span>
<span class="name">
{{#if
userTemplate.prioritizeName
}}{{userTemplate.username}}{{else}}{{userTemplate.name}}{{/if}}
</span>
</span>
<span class="name">
{{#if
userTemplate.prioritizeName
}}{{userTemplate.username}}{{else}}{{userTemplate.name}}{{/if}}
</span>
</div>
<div class="title">{{userTemplate.title}}</div>
</div>
<div class="title">{{userTemplate.title}}</div>
</div>
</div>
</a>
{{/each}}

View File

@ -25,24 +25,16 @@
.name-line {
@include ellipsis;
}
color: var(--primary-high);
.bold a {
font-weight: bold;
}
.margin a {
margin-left: 5px;
}
.name a,
.username a {
color: var(--primary-high-or-secondary-low);
span:first-child {
color: var(--primary);
}
}
.title {
margin-top: 3px;
color: var(--primary-med-or-secondary-med);
color: var(--primary-medium);
}
}

View File

@ -1076,6 +1076,7 @@ en:
user:
said: "%{username}:"
profile: "Profile"
profile_possessive: "%{username}'s profile"
mute: "Mute"
edit: "Edit Preferences"
download_archive: