minor screen reader improvements
This commit is contained in:
@@ -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"),
|
||||
),
|
||||
),
|
||||
|
||||
@@ -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"),
|
||||
),
|
||||
),
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user