local-it/mitgliederverwaltung
2
3
Fork 0
Code Issues 61 Pull requests 12 Projects 1 Releases Packages 1 Activity Actions

fix: improve accessibility - WCAG 2 AA contrast and select label
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse source
This commit is contained in:
Moritz 2025-12-12 18:09:15 +01:00
parent 96729cb2f4
commit 5bdd769699
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
lib/mv_web/live/membership_fee_settings_live.ex
View file

@ -87,15 +87,17 @@ defmodule MvWeb.MembershipFeeSettingsLive do
>
<%!-- Default Membership Fee Type --%>
<fieldset class="fieldset">
<label class="label">
<label for="default_membership_fee_type_id" class="label">
<span class="label-text font-semibold">
{gettext("Default Membership Fee Type")}
</span>
</label>
<select
id="default_membership_fee_type_id"
name="settings[default_membership_fee_type_id]"
class="select select-bordered w-full"
phx-debounce="blur"
aria-label={gettext("Default Membership Fee Type")}
>
<option value="">{gettext("None (no default)")}</option>
<option
@ -219,21 +221,21 @@ defmodule MvWeb.MembershipFeeSettingsLive do
<h3 class="font-semibold text-sm">{@title}</h3>
<div class="bg-base-300 rounded-lg p-3 text-sm space-y-1">
<p>
<span class="text-base-content/60">{gettext("Joining date")}:</span>
<span class="text-base-content/80">{gettext("Joining date")}:</span>
<span class="font-mono">{@joining_date}</span>
</p>
<p>
<span class="text-base-content/60">{gettext("Membership fee start")}:</span>
<span class="font-mono font-semibold text-primary">{@start_date}</span>
<span class="text-base-content/80">{gettext("Membership fee start")}:</span>
<span class="font-mono font-semibold text-base-content">{@start_date}</span>
</p>
<p>
<span class="text-base-content/60">{gettext("Generated cycles")}:</span>
<span class="text-base-content/80">{gettext("Generated cycles")}:</span>
<span class="font-mono">
{Enum.join(@periods, ", ")}
</span>
</p>
</div>
<p class="text-xs text-base-content/60 italic">→ {@note}</p>
<p class="text-xs text-base-content/80 italic">→ {@note}</p>
</div>
"""
end