aria on forms
This commit is contained in:
@@ -1,11 +1,23 @@
|
||||
<div class="form-group mb-4">
|
||||
<label for='headline'>Titre:</label></br>
|
||||
<div class="d-flex justify-content-center mb-4">{{ review_form.headline }}</div>
|
||||
<div class="d-flex justify-content-center" aria-describedby="titleHelp">
|
||||
{{ review_form.headline }}
|
||||
</div>
|
||||
<small id="titleHelp" class="form-text text-muted">Saisissez le titre de votre critique</small>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for='rating'>Note: </label>
|
||||
<div class=" d-flex justify-content-around mb-4">
|
||||
<div class=" d-flex justify-content-around" aria-describedby="ratingHelp">
|
||||
{% for choice in review_form.rating %}
|
||||
<span>{{ choice }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<small id="ratingHelp" class="form-text text-muted">Sélectionnez une notre entre 0 et 5</small>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for="comment">Commentaire: </label>
|
||||
<div class="d-flex justify-content-center mb-4">{{ review_form.comment }}</div>
|
||||
|
||||
<div class="d-flex justify-content-center" aria-describedby="commentHelp">
|
||||
{{ review_form.comment }}
|
||||
</div>
|
||||
<small id="commentHelp" class="form-text text-muted">Saisissez le corps de votre commentaire</small>
|
||||
</div>
|
||||
|
||||
@@ -12,9 +12,10 @@
|
||||
<div class="col-6">
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="form-group">
|
||||
<div class="form-group " aria-describedby="followUserHelp">
|
||||
{{ user_form }}
|
||||
</div>
|
||||
<small id="followUserHelp" class="form-text text-muted">Saisissez le nom d'utilisateur à suivre</small>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<button type="submit" class="btn btn-primary">Envoyer</button>
|
||||
|
||||
@@ -1,6 +1,21 @@
|
||||
<label for='title'> Titre: </label>
|
||||
<div class="d-flex justify-content-center mb-4">{{ ticket_form.title }}</div>
|
||||
<label for='desc'>Description: </label>
|
||||
<div class="d-flex justify-content-center mb-4">{{ ticket_form.desc }}</div>
|
||||
<label for='image'>Image: </label>
|
||||
<div class="d-flex justify-content-center mb-4">{{ ticket_form.image }}</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for='title'> Titre: </label>
|
||||
<div class="d-flex justify-content-center" aria-describedby="titleHelp">
|
||||
{{ ticket_form.title }}
|
||||
</div>
|
||||
<small id="titleHelp" class="form-text text-muted">Saisissez le titre de votre demande</small>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for='desc'>Description: </label>
|
||||
<div class="d-flex justify-content-center" aria-describedby="descriptionHelp">
|
||||
{{ ticket_form.desc }}
|
||||
</div>
|
||||
<small id="descriptionHelp" class="form-text text-muted">Saisissez le contenu de votre demande</small>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for='image'>Image: </label>
|
||||
<div class="d-flex justify-content-center" aria-describedby="imageHelp">
|
||||
{{ ticket_form.image }}
|
||||
</div>
|
||||
<small id="imageHelp" class="form-text text-muted">Sélectionnez une image à joindre (couverture de livre)</small>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user