mirror of
https://forgejo.ellis.link/continuwuation/continuwuity/
synced 2026-10-23 17:13:19 +00:00
fix: Accessibility improvements
This commit is contained in:
7 files changed
+22
-17
No files matched your search
@@ -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 %}
|
||||
@@ -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") }} • <a href="{{ crate::ROUTE_PREFIX }}/about">About</a></p>
|
||||
</footer>
|
||||
{%~ endblock ~%}
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
|
||||
{%- block content -%}
|
||||
<div class="error-body">
|
||||
<pre class="k10y" aria-hidden>
|
||||
<pre class="k10y" aria-hidden="true">
|
||||
/> フ
|
||||
| _ _|
|
||||
/` ミ_xノ
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
Reference in new issue
Block a user