recent_topic: Add role and area properties according to MDN docs.

Add role and area properties to recent topics filter buttons.
This commit is contained in:
pilgrim2308 2021-02-18 11:09:15 +05:30 committed by Tim Abbott
parent 2cc96d981e
commit 2495f4498b
2 changed files with 7 additions and 5 deletions

View File

@ -397,12 +397,14 @@ function show_selected_filters() {
if (filters.size === 0) {
$("#recent_topics_filter_buttons")
.find('[data-filter="all"]')
.addClass("btn-recent-selected");
.addClass("btn-recent-selected")
.attr("aria-checked", "true");
} else {
for (const filter of filters) {
$("#recent_topics_filter_buttons")
.find(`[data-filter="${CSS.escape(filter)}"]`)
.addClass("btn-recent-selected");
.addClass("btn-recent-selected")
.attr("aria-checked", "true");
}
}
}

View File

@ -1,5 +1,5 @@
<button data-filter="all" type="button" class="btn btn-default btn-recent-filters">{{t 'All' }}</button>
<button data-filter="include_muted" type="button" class="btn btn-default btn-recent-filters">
<button data-filter="include_muted" type="button" class="btn btn-default btn-recent-filters" role="checkbox" aria-checked="false">
{{#if filter_muted }}
<i class="fa fa-check-square-o"></i>
{{else}}
@ -7,7 +7,7 @@
{{/if}}
{{t 'Include muted' }}
</button>
<button data-filter="unread" type="button" class="btn btn-default btn-recent-filters">
<button data-filter="unread" type="button" class="btn btn-default btn-recent-filters" role="checkbox" aria-checked="false">
{{#if filter_unread}}
<i class="fa fa-check-square-o"></i>
{{else}}
@ -15,7 +15,7 @@
{{/if}}
{{t 'Unread' }}
</button>
<button data-filter="participated" type="button" class="btn btn-default btn-recent-filters">
<button data-filter="participated" type="button" class="btn btn-default btn-recent-filters" role="checkbox" aria-checked="false">
{{#if filter_participated}}
<i class="fa fa-check-square-o"></i>
{{else}}