Fix accessibility issues: add select label, improve contrast, fix heading hierarchy

This commit is contained in:
Moritz 2025-12-22 17:48:53 +01:00
parent 18766df224
commit 9233f56847
Signed by: moritz
GPG key ID: 1020A035E5DD0824
4 changed files with 35 additions and 10 deletions

View file

@ -47,7 +47,10 @@ defmodule MvWeb.MemberLive.Show do
<div role="tablist" class="tabs tabs-bordered mb-6">
<button
role="tab"
class={["tab", if(@active_tab == :contact, do: "tab-active", else: "")]}
class={[
"tab",
if(@active_tab == :contact, do: "tab-active", else: "!text-gray-800")
]}
aria-selected={@active_tab == :contact}
phx-click="switch_tab"
phx-value-tab="contact"
@ -57,7 +60,10 @@ defmodule MvWeb.MemberLive.Show do
</button>
<button
role="tab"
class={["tab", if(@active_tab == :membership_fees, do: "tab-active", else: "")]}
class={[
"tab",
if(@active_tab == :membership_fees, do: "tab-active", else: "!text-gray-800")
]}
aria-selected={@active_tab == :membership_fees}
phx-click="switch_tab"
phx-value-tab="membership_fees"