feat: add aria-label to sidebar notification count
This commit is contained in:
parent
5f85777c8e
commit
7572e6fe45
2 changed files with 6 additions and 3 deletions
|
|
@ -402,9 +402,12 @@ class NotificationsView extends BaseNotificationsView {
|
|||
if (!$suffix?.length) return;
|
||||
|
||||
if (count > 0) {
|
||||
$suffix.text(count > 99 ? "99+" : count).removeClass("hidden");
|
||||
$suffix
|
||||
.text(count > 99 ? "99+" : count)
|
||||
.attr("aria-label", __("{0} unread notifications", [count]))
|
||||
.removeClass("hidden");
|
||||
} else {
|
||||
$suffix.addClass("hidden");
|
||||
$suffix.removeAttr("aria-label").addClass("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -487,7 +487,7 @@ frappe.ui.Sidebar = class Sidebar {
|
|||
standard: true,
|
||||
type: "Button",
|
||||
class: "sidebar-notification hidden",
|
||||
suffix: "<span class='sidebar-notification-count hidden'></span>",
|
||||
suffix: "<span class='sidebar-notification-count hidden' aria-live='polite'></span>",
|
||||
onClick: () => {
|
||||
const $dropdown = this.wrapper.find(".dropdown-notifications");
|
||||
$dropdown.toggleClass("hidden");
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue