fix(a11y): WCAG 2 AA contrast, labels and dropdown
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
8025858060
commit
70c3ca82ea
8 changed files with 134 additions and 37 deletions
|
|
@ -32,9 +32,9 @@ defmodule MvWeb.CustomFieldLive.FormComponent do
|
|||
<.icon name="hero-arrow-left" class="size-4" />
|
||||
{gettext("Back")}
|
||||
</.button>
|
||||
<h3 class="card-title">
|
||||
<h2 class="card-title text-xl">
|
||||
{if @custom_field, do: gettext("Edit Data Field"), else: gettext("New Data Field")}
|
||||
</h3>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<.form
|
||||
|
|
|
|||
|
|
@ -304,22 +304,20 @@ defmodule MvWeb.GlobalSettingsLive do
|
|||
}
|
||||
/>
|
||||
<div class="form-control">
|
||||
<label class="label cursor-pointer justify-start gap-2">
|
||||
<.input
|
||||
field={@form[:oidc_only]}
|
||||
type="checkbox"
|
||||
class="checkbox checkbox-sm"
|
||||
disabled={@oidc_only_env_set or not @oidc_configured}
|
||||
/>
|
||||
<span class="label-text">
|
||||
{gettext("Only OIDC sign-in (hide password login)")}
|
||||
<%= if @oidc_only_env_set do %>
|
||||
<span class="label-text-alt text-base-content/70 ml-1">
|
||||
({gettext("From OIDC_ONLY")})
|
||||
</span>
|
||||
<% end %>
|
||||
</span>
|
||||
</label>
|
||||
<.input
|
||||
field={@form[:oidc_only]}
|
||||
type="checkbox"
|
||||
class="checkbox checkbox-sm"
|
||||
disabled={@oidc_only_env_set or not @oidc_configured}
|
||||
label={
|
||||
if @oidc_only_env_set do
|
||||
gettext("Only OIDC sign-in (hide password login)") <>
|
||||
" (" <> gettext("From OIDC_ONLY") <> ")"
|
||||
else
|
||||
gettext("Only OIDC sign-in (hide password login)")
|
||||
end
|
||||
}
|
||||
/>
|
||||
<p class="label-text-alt text-base-content/70 mt-1">
|
||||
{gettext(
|
||||
"When enabled and OIDC is configured, the sign-in page shows only the Single Sign-On button."
|
||||
|
|
|
|||
|
|
@ -88,16 +88,17 @@ defmodule MvWeb.ImportLive.Components do
|
|||
phx-submit="start_import"
|
||||
data-testid="csv-upload-form"
|
||||
>
|
||||
<fieldset class="mb-2 fieldset w-md">
|
||||
<label for="csv_file">
|
||||
<span class="mb-1 label">{gettext("CSV File")}</span>
|
||||
<fieldset class="mb-2 fieldset w-md" aria-labelledby="csv_file_label">
|
||||
<label id="csv_file_label" class="label block">
|
||||
<span class="mb-1 label text-base-content">{gettext("CSV File")}</span>
|
||||
<.live_file_input
|
||||
upload={@uploads.csv_file}
|
||||
id="csv_file"
|
||||
class="file-input file-input-bordered block"
|
||||
aria-describedby="csv_file_help"
|
||||
aria-label={gettext("CSV File")}
|
||||
/>
|
||||
</label>
|
||||
<.live_file_input
|
||||
upload={@uploads.csv_file}
|
||||
id="csv_file"
|
||||
class="file-input file-input-bordered"
|
||||
aria-describedby="csv_file_help"
|
||||
/>
|
||||
<p class="text-sm text-base-content/60 mt-2" id="csv_file_help">
|
||||
{gettext("CSV files only, maximum %{size} MB", size: @csv_import_max_file_size_mb)}
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -50,9 +50,9 @@ defmodule MvWeb.MemberFieldLive.FormComponent do
|
|||
<.icon name="hero-arrow-left" class="size-4" />
|
||||
{gettext("Back")}
|
||||
</.button>
|
||||
<h3 class="card-title">
|
||||
<h2 class="card-title text-xl">
|
||||
{gettext("Edit Field: %{field}", field: @field_label)}
|
||||
</h3>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<.form
|
||||
|
|
|
|||
|
|
@ -215,14 +215,16 @@ defmodule MvWeb.MemberLive.Form do
|
|||
<.form_section title={gettext("Membership Fee")}>
|
||||
<div class="space-y-4">
|
||||
<div>
|
||||
<label class="label">
|
||||
<label for={@form[:membership_fee_type_id].id} class="label">
|
||||
<span class="label-text font-semibold">{gettext("Membership Fee Type")}</span>
|
||||
</label>
|
||||
<select
|
||||
id={@form[:membership_fee_type_id].id}
|
||||
class="select select-bordered w-full"
|
||||
name={@form[:membership_fee_type_id].name}
|
||||
phx-change="validate"
|
||||
value={@form[:membership_fee_type_id].value || ""}
|
||||
aria-label={gettext("Membership Fee Type")}
|
||||
>
|
||||
<%!-- No "None" option: a membership fee type is required (validated in Member resource). --%>
|
||||
<option value="">{gettext("Select a membership fee type")}</option>
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@ defmodule MvWeb.UserLive.Show do
|
|||
{MvWeb.Helpers.MemberHelpers.display_name(@user.member)}
|
||||
</.link>
|
||||
<% else %>
|
||||
<span class="italic text-gray-500">{gettext("No member linked")}</span>
|
||||
<span class="italic text-base-content/70">{gettext("No member linked")}</span>
|
||||
<% end %>
|
||||
</:item>
|
||||
</.list>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue