Add legends to all fieldsets

This commit is contained in:
igorkorenfeld 2022-11-14 16:26:57 -05:00
parent 776ecae30f
commit 68153dd4e1
No known key found for this signature in database
GPG key ID: 826947A4B867F659
6 changed files with 25 additions and 12 deletions

View file

@ -25,23 +25,26 @@
{% csrf_token %}
<fieldset class="usa-fieldset">
<legend class="usa-sr-only">
Who is the authorizing official for your organization
</legend>
{{ wizard.form.given_name|add_label_class:"usa-label" }}
{{ wizard.form.given_name|add_class:"usa-input"|attr:"aria-describedby:instructions" }}
{{ wizard.form.given_name|add_class:"usa-input"}}
{{ wizard.form.middle_name|add_label_class:"usa-label" }}
{{ wizard.form.middle_name|add_class:"usa-input"|attr:"aria-describedby:instructions" }}
{{ wizard.form.middle_name|add_class:"usa-input"}}
{{ wizard.form.family_name|add_label_class:"usa-label" }}
{{ wizard.form.family_name|add_class:"usa-input"|attr:"aria-describedby:instructions" }}
{{ wizard.form.family_name|add_class:"usa-input"}}
{{ wizard.form.title|add_label_class:"usa-label" }}
{{ wizard.form.title|add_class:"usa-input"|attr:"aria-describedby:instructions" }}
{{ wizard.form.title|add_class:"usa-input"}}
{{ wizard.form.email|add_label_class:"usa-label" }}
{{ wizard.form.email|add_class:"usa-input"|attr:"aria-describedby:instructions" }}
{{ wizard.form.email|add_class:"usa-input"}}
{{ wizard.form.phone|add_label_class:"usa-label" }}
{{ wizard.form.phone|add_class:"usa-input usa-input--medium"|attr:"aria-describedby:instructions" }}
{{ wizard.form.phone|add_class:"usa-input usa-input--medium" }}
</fieldset>

View file

@ -4,6 +4,7 @@
{% block form_content %}
<h2>What is the name and mailing address of your organization?</h2>
<div id="instructions">
@ -19,10 +20,10 @@
{{ wizard.management_form }}
{% csrf_token %}
{{ wizard.form.organization_name|add_label_class:"usa-label" }}
{{ wizard.form.organization_name|add_class:"usa-input"|attr:"aria-describedby:instructions" }}
<fieldset class="usa-fieldset">
<legend class="usa-sr-only">What is the name and mailing address of your organization?</legend>
{{ wizard.form.organization_name|add_label_class:"usa-label" }}
{{ wizard.form.organization_name|add_class:"usa-input" }}
{{ wizard.form.address_line1|add_label_class:"usa-label" }}
{{ wizard.form.address_line1|add_class:"usa-input" }}
{{ wizard.form.address_line2|add_label_class:"usa-label" }}

View file

@ -8,8 +8,10 @@
<form id="step__{{wizard.steps.current}}" class="usa-form usa-form--large" method="post">
{{ wizard.management_form }}
{% csrf_token %}
<h2>Is your organization an election office?</h2>
<fieldset id="election_board__fieldset" class="usa-fieldset">
<legend>
<h2>Is your organization an election office?</h2>
</legend>
{% radio_buttons_by_value wizard.form.is_election_board as choices %}
{% include "includes/radio_button.html" with choice=choices.Yes%}
{% include "includes/radio_button.html" with choice=choices.No%}

View file

@ -8,8 +8,10 @@
<form id="step__{{wizard.steps.current}}" class="usa-form usa-form--large" method="post">
{{ wizard.management_form }}
{% csrf_token %}
<h2>Which federal branch is your organization in?</h2>
<fieldset id="federal_type__fieldset" class="usa-fieldset">
<legend>
<h2>Which federal branch is your organization in?</h2>
</legend>
{% radio_buttons_by_value wizard.form.federal_type as federal_choices %}
{% include "includes/radio_button.html" with choice=federal_choices.Executive%}
{% include "includes/radio_button.html" with choice=federal_choices.Judicial%}

View file

@ -12,8 +12,10 @@
{{ wizard.management_form }}
{% csrf_token %}
<h2> Contact 2 </h2>
<fieldset class="usa-fieldset">
<legend>
<h2> Contact 2 </h2>
</legend>
{{ wizard.form.given_name|add_label_class:"usa-label" }}
{{ wizard.form.given_name|add_class:"usa-input"|attr:"aria-describedby:instructions" }}

View file

@ -20,6 +20,9 @@
{% csrf_token %}
<fieldset class="usa-fieldset">
<legend class="usa-sr-only">
Your contact information
</legend>
{{ wizard.form.given_name|add_label_class:"usa-label" }}
{{ wizard.form.given_name|add_class:"usa-input"|attr:"aria-describedby:instructions" }}