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
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue