fix(sonarQube): ajout de légende et description aux tables avec CSS

geocontrib/static/geocontrib/css/base.css

 .add_button {
   margin: 1rem;
   display: inline-block;
+}
+.add_button:hover {
+  cursor: pointer;
+}
+
+legend.h1 {
+  margin: 0 0 20px;
+  font-weight: 300;
+  font-size: 1.25rem;
+  color: var(--body-quiet-color);
+}
+
+legend.h2 {
+  margin:0;
+  padding:8px;
+  font-weight: 400;
+  font-size: 0.8125rem;
+  text-align: left;
+  background: var(--primary);
+  color: var(--header-link-color);
+  width: 100%;
+  display: table;
+  float: none;
+  box-sizing: border-box
 }
\ No newline at end of file

geocontrib/templates/admin/geocontrib/create_postrges_view_form.html

@@ -11,7 +11,7 @@
 <form action="" method="post">{% csrf_token %}
 
   <fieldset class="module">
-    <legend style="margin: 0 0 20px;font-weight: 300;font-size: 1.25rem;">Création d'une vue PostgreSQL</legend>
+    <legend class="h1">Création d'une vue PostgreSQL</legend>
     <div class="generic__inputs">
       {%for field in pg_form %}
         <label for="{{ field.id_for_label }}">{{ field.label }} : </label>

geocontrib/templates/admin/geocontrib/formset_as_table.html

@@ -4,10 +4,11 @@
 
 
 <fieldset class="module aligned">
-  <h2>{{ formset_title }}</h2>
+  <legend class="h2">{{ formset_title }}</legend>
   {{ formset.management_form }}
   {{ formset.non_form_errors.as_ul }}
   <table>
+    <caption class="visually-hidden">{{ formset_title }}</caption>
     {% for form in formset %}
       {% if forloop.first %}
       <thead>
@@ -49,7 +50,7 @@
 
   <div class="{{ formset.prefix }}__hidden" style="display: none">
     <table>
-      {# ajout d'un header seulement pour éviter erreurs sonarqube #}
+      <caption class="visually-hidden">Table masquée - pas destinée à l'utilisateur</caption>
       <thead>
           <th scope="col" style="display: none;"></th>
           {% if formset.empty_form.hidden_fields|length > 0 %}