fix: Accessibility improvements

This commit is contained in:
Ginger committed 2026-06-29 09:35:51 -04:00
1 parent 6742d9237a
commit 93407ade03
7 files changed
+22 -17

No files matched your search

+6 -1
View File
@@ -4,7 +4,7 @@
--background-color: #fff;
--text-color: #000;
--secondary: #666;
--secondary: #555;
--bg: oklch(0.76 0.0854 317.27);
--panel-bg: oklch(0.91 0.042 317.27);
--c1: oklch(0.44 0.177 353.06);
@@ -84,6 +84,10 @@ footer {
width: 100%;
height: 64px;
}
@media (prefers-color-scheme: light) {
--name-lightness: 0.35;
}
}
p {
@@ -312,6 +316,7 @@ ul.bullet-separated {
position: relative;
float: right;
cursor: default;
font-size: small;
span {
display: inline-block;
@@ -1,6 +1,6 @@
{% match avatar_type %}
{% when AvatarType::Initial with (initial) %}
<span class="avatar" role="img">{{ initial }}</span>
<span class="avatar" role="img" aria-hidden="true">{{ initial }}</span>
{% when AvatarType::Image with (src) %}
<img class="avatar" src="{{ src }}">
<img class="avatar" src="{{ src }}" aria-hidden="true">
{% endmatch %}
+1 -1
View File
@@ -19,7 +19,7 @@
{%~ block content %}{% endblock ~%}
{%~ block footer ~%}
<footer>
<a href="{{ crate::ROUTE_PREFIX }}/"><img class="logo" src="{{ crate::ROUTE_PREFIX }}/resources/logo.svg"></a>
<a href="{{ crate::ROUTE_PREFIX }}/"><img class="logo" alt="Continuwuity logo" src="{{ crate::ROUTE_PREFIX }}/resources/logo.svg"></a>
<p>Powered by <a href="https://continuwuity.org">Continuwuity</a> {{ env!("CARGO_PKG_VERSION") }} &bullet; <a href="{{ crate::ROUTE_PREFIX }}/about">About</a></p>
</footer>
{%~ endblock ~%}
+1 -1
View File
@@ -10,7 +10,7 @@
{%- block content -%}
<div class="error-body">
<pre class="k10y" aria-hidden>
<pre class="k10y" aria-hidden="true">
      />   フ
      |  _  _|
     /` ミ_xノ
+1 -1
View File
@@ -15,7 +15,7 @@ Authorize client
<div class="red-avatar">
{{ user_avatar }}
</div>
<div class="separator" aria-hidden>
<div class="separator" aria-hidden="true">
⇄
</div>
{{ client_avatar }}
+3 -3
View File
@@ -29,11 +29,11 @@ Log in
<form method="post">
<p>
<label for="identifier">Username or email address</label>
<input type="text" name="identifier" autocomplete="username">
<input type="text" id="identifier" name="identifier" autocomplete="username">
</p>
<p>
<label for="password">Password</label>
<input type="password" name="password" autocomplete="current-password">
<input type="password" id="password" name="password" autocomplete="current-password">
</p>
<button type="submit">Log in</button>
</form>
@@ -51,7 +51,7 @@ Log in
<form method="post">
<p>
<label for="password">Password</label>
<input type="password" name="password" autocomplete="current-password">
<input type="password" id="password" name="password" autocomplete="current-password">
</p>
<button type="submit">Continue</button>
</form>
+8 -8
View File
@@ -55,7 +55,7 @@ Sign up
<label for="username">Username</label>
<span class="username-input">
<span>@</span>
<input type="text" name="username" autocomplete="username" required>
<input type="text" id="username" name="username" autocomplete="username" required>
<span>:{{ server_name }}</span>
</span>
{% if let Some(username_error) = username_error %}
@@ -98,9 +98,9 @@ Sign up
<span class="username-input">
<span>@</span>
{% if let Some(username) = username %}
<input type="text" name="username" value="{{ username }}" autocomplete="username" required>
<input type="text" id="username" name="username" value="{{ username }}" autocomplete="username" required>
{% else %}
<input type="text" name="username" autocomplete="username" required>
<input type="text" id="username" name="username" autocomplete="username" required>
{% endif %}
<span>:{{ server_name }}</span>
</span>
@@ -114,18 +114,18 @@ Sign up
{% endif %}
<p>
<label for="password">Password</label>
<input type="password" name="password" autocomplete="new-password" required>
<input type="password" id="password" name="password" autocomplete="new-password" required>
{{ form::errors(field_errors, std::borrow::Cow::Borrowed("password")) }}
</p>
<p>
<label for="confirm_password">Confirm password</label>
<input type="password" name="confirm_password" autocomplete="new-password" required>
<input type="password" id="confirm_password" name="confirm_password" autocomplete="new-password" required>
{{ form::errors(field_errors, std::borrow::Cow::Borrowed("confirm_password")) }}
</p>
{% if require_email %}
<p>
<label for="email">Email address</label>
<input type="email" name="email" required>
<input type="email" id="email" name="email" required>
{{ form::errors(field_errors, std::borrow::Cow::Borrowed("email")) }}
</p>
{% endif %}
@@ -153,8 +153,8 @@ Sign up
</div>
{% else %}
<p>
<label for="username">Registration token</label>
<input type="text" name="registration_token" autocomplete="none" required>
<label for="registration_token">Registration token</label>
<input type="text" id="registration_token" name="registration_token" autocomplete="none" required>
{% if is_first_run %}
<small>Check the server console to find the registration token.</small>
{% endif %}