toodego: add accessible labels to icon buttons (#41389)

static/toodego/_specialpages.scss

@@ -686,6 +686,16 @@ body.focus-in #page.search-page {
 		}
 	}
 	.favorite-places {
+		.icon-delete {
+			&::after {
+				content: "×";
+			}
+		}
+		.icon-checkmark {
+			&::after {
+				content: "✓";
+			}
+		}
 		padding: 1em;
 		ul, li {
 			margin: 0;
@@ -719,7 +729,7 @@ body.focus-in #page.search-page {
 				button {
 					background: $red;
 					margin-top: 0.5rem;
-					margin-right: 2rem;
+					margin-right: 1rem;
 					color: white;
 				}
 			}

templates/variants/toodego/combo/cells/cell-filter/text-cell.html

@@ -1,3 +1,3 @@
 <input type="search" placeholder="{% spaceless %}{{cell.text|striptags}}{% endspaceless %}" name="q">
-<button title="Chercher">✓</button>
+<button class="icon-search"><span class="sr-only">Chercher</span></button>
 

templates/variants/toodego/combo/json/places.html

@@ -8,7 +8,7 @@
       {% csrf_token %}
       <input type="hidden" name="action" value="delete"/>
       <input type="hidden" name="id" value="{{ value.id }}"/>
-      <button>×</button>
+      <button title="Supprimer" class="icon-delete"><span class="sr-only">Supprimer</span></button>
     </form>
   <div class="edit-place">
     <form class="quixote" method="POST" action="{{ site_base }}{% url 'combo-public-ajax-page-cell' page_pk=cell.page.id cell_reference=cell.get_reference %}">
@@ -32,7 +32,7 @@
         <input type="text" required name="ville" value="{{ value.content.ville }}">
       </div>
       <div class="newline buttons">
-        <button title="Valider">✓</button>
+        <button class="icon-checkmark"><span class="sr-only">Enregistrer les changements</span></button>
       </div>
     </form>
   </div>

templates/variants/toodego/combo/wcs/tracking_code_input.html

@@ -11,7 +11,7 @@
   <label for="tracking-code" class="sr-only">Code de suivi</label>
   <input required id="tracking-code" name="code"
       placeholder="{% trans 'ex: CNPHNTFB' %}" title="{% trans 'ex: CNPHNTFB' %}" />
-  <button title="Valider">✓</button>
+  <button class="icon-search"><span class="sr-only">Valider</span></button>
   <script>
   $(function() {
     $('#_cell_url_{{ cell.id }}').val(window.location);