UX: uses presentation role for accessibility in topic map (#6561)

Co-Authored-By: mwcampbell <mwc+github@mwcampbell.us>
This commit is contained in:
Joffrey JAFFEUX 2018-11-05 09:45:32 +01:00 committed by GitHub
parent 1ac3e5473a
commit 4d74688b50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 7 deletions

View File

@ -86,7 +86,11 @@ createWidget("topic-map-summary", {
const contents = [];
contents.push(
h("li", [
h("h4", I18n.t("created_lowercase")),
h(
"h4",
{ attributes: { role: "presentation" } },
I18n.t("created_lowercase")
),
h("div.topic-map-post.created-at", [
avatarFor("tiny", {
username: attrs.createdByUsername,
@ -101,7 +105,11 @@ createWidget("topic-map-summary", {
h(
"li",
h("a", { attributes: { href: attrs.lastPostUrl } }, [
h("h4", I18n.t("last_reply_lowercase")),
h(
"h4",
{ attributes: { role: "presentation" } },
I18n.t("last_reply_lowercase")
),
h("div.topic-map-post.last-reply", [
avatarFor("tiny", {
username: attrs.lastPostUsername,
@ -116,13 +124,21 @@ createWidget("topic-map-summary", {
contents.push(
h("li", [
numberNode(attrs.topicReplyCount),
h("h4", I18n.t("replies_lowercase", { count: attrs.topicReplyCount }))
h(
"h4",
{ attributes: { role: "presentation" } },
I18n.t("replies_lowercase", { count: attrs.topicReplyCount })
)
])
);
contents.push(
h("li.secondary", [
numberNode(attrs.topicViews, { className: attrs.topicViewsHeat }),
h("h4", I18n.t("views_lowercase", { count: attrs.topicViews }))
h(
"h4",
{ attributes: { role: "presentation" } },
I18n.t("views_lowercase", { count: attrs.topicViews })
)
])
);
@ -130,7 +146,11 @@ createWidget("topic-map-summary", {
contents.push(
h("li.secondary", [
numberNode(attrs.participantCount),
h("h4", I18n.t("users_lowercase", { count: attrs.participantCount }))
h(
"h4",
{ attributes: { role: "presentation" } },
I18n.t("users_lowercase", { count: attrs.participantCount })
)
])
);
}
@ -139,7 +159,11 @@ createWidget("topic-map-summary", {
contents.push(
h("li.secondary", [
numberNode(attrs.topicLikeCount),
h("h4", I18n.t("likes_lowercase", { count: attrs.topicLikeCount }))
h(
"h4",
{ attributes: { role: "presentation" } },
I18n.t("likes_lowercase", { count: attrs.topicLikeCount })
)
])
);
}
@ -148,7 +172,11 @@ createWidget("topic-map-summary", {
contents.push(
h("li.secondary", [
numberNode(attrs.topicLinkLength),
h("h4", I18n.t("links_lowercase", { count: attrs.topicLinkLength }))
h(
"h4",
{ attributes: { role: "presentation" } },
I18n.t("links_lowercase", { count: attrs.topicLinkLength })
)
])
);
}