a11y: use dl/dt/dd for profile data (#74066)

static/cnil/_custom.scss

@@ -376,7 +376,7 @@ div.widget label {
 	}
 }
 
-#profile span.label {
+#profile .label {
 	color: $font-color;
 	font-weight: bold;
 }

static/ehess/_custom.scss

@@ -116,7 +116,7 @@ main {
 	}
 }
 
-#profile .field .label {
+#profile .label {
 	color: $tertiary-color;
 }
 

static/groupe-up/_custom.scss

@@ -512,15 +512,13 @@ div.column.account-management {
 
 div#profile {
 	column-count: 2;
-	div.field {
+	.label {
 		border-top: 1px solid #d2d2d2;
 		padding-top: 0.5ex;
-		page-break-inside: avoid;
-	}
-	span.label {
 		color: #5caac2;
+		break-after: avoid;
 	}
-	div.value {
+	.value {
 		color: #929292;
 	}
 }

static/ma-cnil/_custom.scss

@@ -377,7 +377,7 @@ div.widget label {
 	}
 }
 
-#profile span.label {
+#profile .label {
 	color: $font-color;
 	font-weight: bold;
 }

static/rouen/_custom.scss

@@ -410,7 +410,7 @@ div#nav #nav-button.toggled + ul li {
 }
 
 /* Account management */
-#profile span.label {
+#profile .label {
 	display: block;
 	color: $red;
 	font-size: inherit;

static/seine-et-marne-apa/_custom.scss

@@ -571,15 +571,13 @@ div#sidebar + div#columns-wrapper > div.a2-block {
 
 div#profile {
 	column-count: 2;
-	div.field {
+	.label {
 		border-top: 1px solid #d2d2d2;
 		padding-top: 0.5ex;
-		page-break-inside: avoid;
-	}
-	span.label {
 		color: #5caac2;
+		break-after: avoid;
 	}
-	div.value {
+	.value {
 		color: #535353;
 	}
 }

templates/authentic2/accounts.html

@@ -52,11 +52,11 @@
       {% endblock %}
       {% block profile-data %}
         <div id="profile" class="cell--body">
-          {% if attributes %}
-            {% for attribute in attributes %}
-              <div class="field">
-                <span class="label">{{ attribute.attribute.label|capfirst }}</span>
-                <div class="value">
+          <dl>
+            {% if attributes %}
+              {% for attribute in attributes %}
+                <dt class="label">{{ attribute.attribute.label|capfirst }}</dt>
+                <dd class="value">
                   {% if attribute.values|length == 0 %}<span class="nodata">(non spécifié)</span>
                   {% elif attribute.values|length == 1 %}{{ attribute.values.0 }}{% else %}
                     <ul>
@@ -65,16 +65,14 @@
                       {% endfor %}
                     </ul>
                   {% endif %}
-                </div>
-              </div>
-            {% endfor %}
-          {% endif %}
-          {% if LAST_LOGIN %}
-            <div class="field">
-              <span class="label">Dernière connexion</span>
-              <div class="value">{{ LAST_LOGIN }}</div>
-            </div>
-          {% endif %}
+                </dd>
+              {% endfor %}
+            {% endif %}
+            {% if LAST_LOGIN %}
+              <dt class="label">Dernière connexion</dt>
+              <dd class="value">{{ LAST_LOGIN }}</dd>
+            {% endif %}
+          </dl>
         </div>
       {% endblock %}
       {% block profile-bottom %}{% endblock %}