minor screen reader improvements

This commit is contained in:
Gani Georgiev
2026-04-18 22:11:42 +03:00
parent 624c3357be
commit 075e20efae
88 changed files with 298 additions and 256 deletions

View File

@@ -119,10 +119,11 @@ function logPreviewModal(logIdOrModel, settings) {
t.h5(null, "Log details"),
t.button(
{
"className": "btn sm circle transparent m-l-auto",
className: "btn sm circle transparent m-l-auto",
title: "More options",
"html-popovertarget": "log-meta-dropdown",
},
t.i({ className: "ri-more-line" }),
t.i({ className: "ri-more-line", ariaHidden: true }),
),
t.div({ id: "log-meta-dropdown", className: "dropdown", popover: "auto" }, (el) => {
return t.button(
@@ -133,7 +134,7 @@ function logPreviewModal(logIdOrModel, settings) {
el.hidePopover();
},
},
t.i({ className: "ri-braces-line" }),
t.i({ className: "ri-braces-line", ariaHidden: true }),
t.span({ className: "txt" }, "Copy JSON"),
);
}),
@@ -266,7 +267,7 @@ function logPreviewModal(logIdOrModel, settings) {
className: "btn",
onclick: () => downloadJSON(data.log),
},
t.i({ className: "ri-download-line" }),
t.i({ className: "ri-download-line", ariaHidden: true }),
t.span({ className: "txt" }, "Download JSON"),
),
),

View File

@@ -237,7 +237,7 @@ export function logsList(logsSettings) {
{ className: "col-field-name-level" },
t.div(
{ className: "inline-flex gap-5" },
t.i({ className: "ri-bookmark-line" }),
t.i({ className: "ri-bookmark-line", ariaHidden: true }),
t.span({ textContent: "Level" }),
),
),
@@ -245,7 +245,7 @@ export function logsList(logsSettings) {
{ className: "col-field-name-message" },
t.div(
{ className: "inline-flex gap-5" },
t.i({ className: "ri-file-list-2-line" }),
t.i({ className: "ri-file-list-2-line", ariaHidden: true }),
t.span({ textContent: "Message" }),
),
),
@@ -253,7 +253,7 @@ export function logsList(logsSettings) {
{ className: "col-field-type-date col-field-name-created" },
t.div(
{ className: "inline-flex gap-5" },
t.i({ className: "ri-calendar-line" }),
t.i({ className: "ri-calendar-line", ariaHidden: true }),
t.span({ textContent: "Created" }),
),
),
@@ -406,7 +406,7 @@ export function logsList(logsSettings) {
),
t.td(
{ className: "col-meta" },
t.i({ className: "ri-arrow-right-line" }),
t.i({ className: "ri-arrow-right-line", ariaHidden: true }),
),
];
},
@@ -459,7 +459,7 @@ export function logsList(logsSettings) {
className: "btn sm pill",
onclick: () => downloadSelected(),
},
t.i({ className: "ri-download-line" }),
t.i({ className: "ri-download-line", ariaHidden: true }),
t.span({ className: "txt" }, "JSON"),
),
),

View File

@@ -108,13 +108,13 @@ export function pageLogs(route) {
t.button(
{
className: "btn circle transparent secondary tooltip-right",
ariaDescription: app.attrs.tooltip("Logs settings"),
ariaLabel: app.attrs.tooltip("Logs settings"),
onclick: () =>
app.modals.openLogsSettings({
onsave: () => refreshLogsList(),
}),
},
t.i({ className: "ri-settings-3-line" }),
t.i({ className: "ri-settings-3-line", ariaHidden: true }),
),
app.components.refreshButton({
onclick: refreshLogsList,