A11Y: Add more information to the "reply to" button label. (#18604)

Includes the post number and poster's username for screen readers.
This commit is contained in:
Roman Rizzi 2022-10-14 17:47:29 -03:00 committed by GitHub
parent 07a6b6f55c
commit 588bb2ccf2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 0 deletions

View File

@ -239,6 +239,10 @@ registerButton("reply-small", (attrs) => {
title: "post.controls.reply",
icon: "reply",
className: "reply",
translatedAriaLabel: I18n.t("post.sr_reply_to", {
post_number: attrs.post_number,
username: attrs.username,
}),
};
return args;
@ -323,6 +327,10 @@ registerButton("reply", (attrs, state, siteSettings, postMenuSettings) => {
title: "post.controls.reply",
icon: "reply",
className: "reply create fade-out",
translatedAriaLabel: I18n.t("post.sr_reply_to", {
post_number: attrs.post_number,
username: attrs.username,
}),
};
if (!attrs.canCreatePost) {

View File

@ -3210,6 +3210,7 @@ en:
gap:
one: "view %{count} hidden reply"
other: "view %{count} hidden replies"
sr_reply_to: "Reply to post #%{post_number} by @%{username}"
notice:
new_user: "This is the first time %{user} has posted — lets welcome them to our community!"