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
+2 -1
View File
@@ -101,13 +101,14 @@ export function pageConfirmEmailChange(route) {
type: "button",
tabIndex: -1,
className: "btn sm transparent secondary circle tooltip-right",
ariaDescription: app.attrs.tooltip(() =>
ariaLabel: app.attrs.tooltip(() =>
data.showPassword ? "Hide password" : "Show password"
),
onclick: () => (data.showPassword = !data.showPassword),
},
t.i({
className: () => (data.showPassword ? "ri-eye-off-line" : "ri-eye-line"),
ariaHidden: true,
}),
),
),
+4 -2
View File
@@ -103,13 +103,14 @@ export function pageConfirmPasswordReset(route) {
type: "button",
tabIndex: -1,
className: "btn sm transparent secondary circle tooltip-right",
ariaDescription: app.attrs.tooltip(() =>
ariaLabel: app.attrs.tooltip(() =>
data.showNewPassword ? "Hide password" : "Show password"
),
onclick: () => (data.showNewPassword = !data.showNewPassword),
},
t.i({
className: () => (data.showNewPassword ? "ri-eye-off-line" : "ri-eye-line"),
ariaHidden: true,
}),
),
),
@@ -139,13 +140,14 @@ export function pageConfirmPasswordReset(route) {
type: "button",
tabIndex: -1,
className: "btn sm transparent secondary circle tooltip-right",
ariaDescription: app.attrs.tooltip(() =>
ariaLabel: app.attrs.tooltip(() =>
data.showNewPasswordConfirm ? "Hide password" : "Show password"
),
onclick: () => (data.showNewPasswordConfirm = !data.showNewPasswordConfirm),
},
t.i({
className: () => (data.showNewPasswordConfirm ? "ri-eye-off-line" : "ri-eye-line"),
ariaHidden: true,
}),
),
),
+6 -4
View File
@@ -180,13 +180,14 @@ export function pageInstaller(route) {
type: "button",
tabIndex: -1,
className: "btn sm transparent secondary circle tooltip-right",
ariaDescription: app.attrs.tooltip(() =>
ariaLabel: app.attrs.tooltip(() =>
data.showPassword ? "Hide password" : "Show password"
),
onclick: () => (data.showPassword = !data.showPassword),
},
t.i({
className: () => (data.showPassword ? "ri-eye-off-line" : "ri-eye-line"),
ariaHidden: true,
}),
),
),
@@ -217,13 +218,14 @@ export function pageInstaller(route) {
type: "button",
tabIndex: -1,
className: "btn sm transparent secondary circle tooltip-right",
ariaDescription: app.attrs.tooltip(() =>
ariaLabel: app.attrs.tooltip(() =>
data.showPasswordConfirm ? "Hide password" : "Show password"
),
onclick: () => (data.showPasswordConfirm = !data.showPasswordConfirm),
},
t.i({
className: () => (data.showPasswordConfirm ? "ri-eye-off-line" : "ri-eye-line"),
ariaHidden: true,
}),
),
),
@@ -237,7 +239,7 @@ export function pageInstaller(route) {
disabled: () => data.isBusy,
},
t.span({ className: "txt" }, "Create superuser and login"),
t.i({ className: "ri-arrow-right-line" }),
t.i({ className: "ri-arrow-right-line", ariaHidden: true }),
),
),
),
@@ -250,7 +252,7 @@ export function pageInstaller(route) {
data.isUploading ? "loading" : ""
}`,
},
t.i({ className: "ri-upload-cloud-line" }),
t.i({ className: "ri-upload-cloud-line", ariaHidden: true }),
t.span({ className: "txt" }, "Or initialize from backup"),
),
t.input({
@@ -78,7 +78,7 @@ export function pageRequestSuperuserPasswordReset(route) {
className: () => `btn lg block ${data.isSubmitting ? "loading" : ""}`,
disabled: () => data.isSubmitting,
},
t.i({ className: "ri-mail-send-line" }),
t.i({ className: "ri-mail-send-line", ariaHidden: true }),
t.span({ className: "txt" }, "Send recovery link"),
),
),
+6 -9
View File
@@ -187,13 +187,12 @@ function authWithPasswordForm(data) {
type: "button",
tabIndex: -1,
className: "btn sm transparent secondary circle tooltip-right",
ariaDescription: app.attrs.tooltip(() =>
data.showPassword ? "Hide password" : "Show password"
),
ariaLabel: app.attrs.tooltip(() => data.showPassword ? "Hide password" : "Show password"),
onclick: () => (data.showPassword = !data.showPassword),
},
t.i({
className: () => (data.showPassword ? "ri-eye-off-line" : "ri-eye-line"),
ariaHidden: true,
}),
),
),
@@ -215,7 +214,7 @@ function authWithPasswordForm(data) {
disabled: () => data.isPasswordAuthSubmitting,
},
t.span({ className: "txt" }, () => (data.totalSteps > 1 ? "Next" : "Login")),
t.i({ className: "ri-arrow-right-line" }),
t.i({ className: "ri-arrow-right-line", ariaHidden: true }),
),
),
);
@@ -282,7 +281,7 @@ function requestOTPForm(data) {
className: () => `btn lg block ${data.isOTPRequestSubmitting ? "loading" : ""}`,
disabled: () => data.isOTPRequestSubmitting,
},
t.i({ className: "ri-mail-send-line" }),
t.i({ className: "ri-mail-send-line", ariaHidden: true }),
t.span({ className: "txt" }, "Send OTP"),
),
),
@@ -378,9 +377,7 @@ function authWithOTPForm(data) {
type: "button",
tabIndex: -1,
className: "btn sm transparent secondary circle tooltip-right",
ariaDescription: app.attrs.tooltip(() =>
data.showPassword ? "Hide password" : "Show password"
),
ariaLabel: app.attrs.tooltip(() => data.showPassword ? "Hide password" : "Show password"),
onclick: () => (data.showPassword = !data.showPassword),
},
t.i({
@@ -398,7 +395,7 @@ function authWithOTPForm(data) {
disabled: () => data.isOTPAuthSubmitting,
},
t.span({ className: "txt" }, "Login"),
t.i({ className: "ri-arrow-right-line" }),
t.i({ className: "ri-arrow-right-line", ariaHidden: true }),
),
t.div(
{ className: "block m-t-sm txt-center" },