aria on forms

This commit is contained in:
yann 2025-05-09 07:37:12 +02:00
parent 31b4cbd81e
commit 076bce9712
5 changed files with 44 additions and 15 deletions

View File

@ -10,7 +10,6 @@
<div class="align-self-center"> <div class="align-self-center">
<h2>Inscrivez-vous</h2> <h2>Inscrivez-vous</h2>
</div> </div>
<div class="justify-content-end"> <div class="justify-content-end">
<a href="{% url 'register' %}" type="button" class="btn btn-primary">S'inscrire</a> <a href="{% url 'register' %}" type="button" class="btn btn-primary">S'inscrire</a>
</div> </div>
@ -23,12 +22,14 @@
<h2>Connectez-vous</h2> <h2>Connectez-vous</h2>
<form method='post'> <form method='post'>
{% csrf_token %} {% csrf_token %}
<div class="form-group p-3"> <div class="form-group" aria-describedby="usernameHelp">
{{ form.username }} {{ form.username }}
</div> </div>
<div class="form-group p-3"> <small id="usernameHelp" class="form-text text-muted">Saisissez ici votre nom d'utilisateur</small>
<div class="form-group" aria-describedby="passwordHelp">
{{ form.password }} {{ form.password }}
</div> </div>
<small id="passwordHelp" class="form-text text-muted">Saisissez ici votre mot de passe</small>
<div class="d-flex justify-content-end"> <div class="d-flex justify-content-end">
<button type="submit" class="btn btn-primary">Se connecter</button> <button type="submit" class="btn btn-primary">Se connecter</button>
</div> </div>

View File

@ -1,11 +1,23 @@
<div class="form-group mb-4">
<label for='headline'>Titre:</label></br> <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> <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 %} {% for choice in review_form.rating %}
<span>{{ choice }}</span> <span>{{ choice }}</span>
{% endfor %} {% endfor %}
</div> </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> <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>

View File

@ -12,9 +12,10 @@
<div class="col-6"> <div class="col-6">
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<div class="form-group"> <div class="form-group " aria-describedby="followUserHelp">
{{ user_form }} {{ user_form }}
</div> </div>
<small id="followUserHelp" class="form-text text-muted">Saisissez le nom d'utilisateur à suivre</small>
</div> </div>
<div class="col-2"> <div class="col-2">
<button type="submit" class="btn btn-primary">Envoyer</button> <button type="submit" class="btn btn-primary">Envoyer</button>

View File

@ -1,6 +1,21 @@
<label for='title'> Titre: </label> <div class="form-group mb-4">
<div class="d-flex justify-content-center mb-4">{{ ticket_form.title }}</div> <label for='title'> Titre: </label>
<label for='desc'>Description: </label> <div class="d-flex justify-content-center" aria-describedby="titleHelp">
<div class="d-flex justify-content-center mb-4">{{ ticket_form.desc }}</div> {{ ticket_form.title }}
<label for='image'>Image: </label> </div>
<div class="d-flex justify-content-center mb-4">{{ ticket_form.image }}</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>

View File

@ -9,7 +9,7 @@
<div id="masthead" class="sev-2"></div> <div id="masthead" class="sev-2"></div>
<div id="page"> <div id="page">
<h1>flake8 violations</h1> <h1>flake8 violations</h1>
<p id="versions">Generated on 2025-05-06 10:31 <p id="versions">Generated on 2025-05-07 09:07
with Installed plugins: flake8-html: 0.4.3, mccabe: 0.7.0, pycodestyle: 2.13.0, pyflakes: 3.3.2 with Installed plugins: flake8-html: 0.4.3, mccabe: 0.7.0, pycodestyle: 2.13.0, pyflakes: 3.3.2
</p> </p>
<ul id="index"> <ul id="index">