[Form][WCAG] Add hidden labels on date and time fields
This commit is contained in:
parent
80f993fdba
commit
14978e905c
@ -40,6 +40,16 @@
|
|||||||
<div {{ block('widget_container_attributes') }}>
|
<div {{ block('widget_container_attributes') }}>
|
||||||
{{- form_errors(form.date) -}}
|
{{- form_errors(form.date) -}}
|
||||||
{{- form_errors(form.time) -}}
|
{{- form_errors(form.time) -}}
|
||||||
|
|
||||||
|
<div class="sr-only">
|
||||||
|
{%- if form.date.year is defined %}{{ form_label(form.date.year) }}{% endif -%}
|
||||||
|
{%- if form.date.month is defined %}{{ form_label(form.date.month) }}{% endif -%}
|
||||||
|
{%- if form.date.day is defined %}{{ form_label(form.date.day) }}{% endif -%}
|
||||||
|
{%- if form.time.hour is defined %}{{ form_label(form.time.hour) }}{% endif -%}
|
||||||
|
{%- if form.time.minute is defined %}{{ form_label(form.time.minute) }}{% endif -%}
|
||||||
|
{%- if form.time.second is defined %}{{ form_label(form.time.second) }}{% endif -%}
|
||||||
|
</div>
|
||||||
|
|
||||||
{{- form_widget(form.date, { datetime: true } ) -}}
|
{{- form_widget(form.date, { datetime: true } ) -}}
|
||||||
{{- form_widget(form.time, { datetime: true } ) -}}
|
{{- form_widget(form.time, { datetime: true } ) -}}
|
||||||
</div>
|
</div>
|
||||||
@ -54,6 +64,12 @@
|
|||||||
{%- if datetime is not defined or not datetime -%}
|
{%- if datetime is not defined or not datetime -%}
|
||||||
<div {{ block('widget_container_attributes') -}}>
|
<div {{ block('widget_container_attributes') -}}>
|
||||||
{%- endif %}
|
{%- endif %}
|
||||||
|
<div class="sr-only">
|
||||||
|
{{ form_label(form.year) }}
|
||||||
|
{{ form_label(form.month) }}
|
||||||
|
{{ form_label(form.day) }}
|
||||||
|
</div>
|
||||||
|
|
||||||
{{- date_pattern|replace({
|
{{- date_pattern|replace({
|
||||||
'{{ year }}': form_widget(form.year),
|
'{{ year }}': form_widget(form.year),
|
||||||
'{{ month }}': form_widget(form.month),
|
'{{ month }}': form_widget(form.month),
|
||||||
@ -73,7 +89,10 @@
|
|||||||
{%- if datetime is not defined or false == datetime -%}
|
{%- if datetime is not defined or false == datetime -%}
|
||||||
<div {{ block('widget_container_attributes') -}}>
|
<div {{ block('widget_container_attributes') -}}>
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
{{- form_widget(form.hour) }}{% if with_minutes %}:{{ form_widget(form.minute) }}{% endif %}{% if with_seconds %}:{{ form_widget(form.second) }}{% endif %}
|
<div class="sr-only">{{ form_label(form.hour) }}</div>
|
||||||
|
{{- form_widget(form.hour) -}}
|
||||||
|
{%- if with_minutes -%}:<div class="sr-only">{{ form_label(form.minute) }}</div>{{ form_widget(form.minute) }}{%- endif -%}
|
||||||
|
{%- if with_seconds -%}:<div class="sr-only">{{ form_label(form.second) }}</div>{{ form_widget(form.second) }}{%- endif -%}
|
||||||
{%- if datetime is not defined or false == datetime -%}
|
{%- if datetime is not defined or false == datetime -%}
|
||||||
</div>
|
</div>
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
|
Reference in New Issue
Block a user