Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

A11Y: Add aria-label to the Replies cell in topics list 

When tabbing through a topics list like /latest, /unread, /new etc. the
Replies column is announced as `<replies count> button` by screen
readers and it's not clear that number means the topic has that number
of replies. This commit adds an `aria-label` so the Replies column to
make it clear what that number means. The current copy of the
`aria-label` is "This topic has <replies count> replies".
This commit is contained in:
OsamaSayegh 2022-03-21 23:40:32 +03:00 committed by Osama Sayegh
parent 9d5737fd28
commit 0d6bb64c0f
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/app/templates/list/posts-count-column.hbr
View File

@ -1,5 +1,5 @@
<{{view.tagName}} class='num posts-map posts {{view.likesHeat}} topic-list-data' title='{{view.title}}'> <{{view.tagName}} class='num posts-map posts {{view.likesHeat}} topic-list-data' title='{{view.title}}'>
<button class="btn-link posts-map badge-posts {{view.likesHeat}}"> <button class="btn-link posts-map badge-posts {{view.likesHeat}}" aria-label="{{view.title}}">
{{raw-plugin-outlet name="topic-list-before-reply-count"}} {{raw-plugin-outlet name="topic-list-before-reply-count"}}
{{number topic.replyCount noTitle="true" ariaLabel=view.title}} {{number topic.replyCount noTitle="true" ariaLabel=view.title}}
</button> </button>