Incohérence "role=img" & "aria-hidden" #14

New issue

Open

opened 2023-10-17 08:12:35 +00:00 by quentin · 2 comments

quentin commented

2023-10-17 08:12:35 +00:00

Owner

Je ne comprends pas trop l’utilisation de l’attribut role=img sachant que tout contenu est en aria-hidden

via @tixie

Le bloc en question :

<div id="mois_actuel" role="img" aria-label="calendrier de nos jours de permanence prévus pour ce mois-ci">
          <pre aria-hidden="true">.——————————————————————————————————————.
|      CALENDRIER SEPTEMBRE 2023       |
|——————————————————————————————————————|
|                      ———— ———— ————  |
|                     | 01 | 02 | 03 | |
|  ———— ———— ———— ———— ———— ———— ————  |
| | 04 |<span class="highlight"> 05 </span>| 06 | 07 | 08 | 09 | 10 | |
|  ———— ———— ———— ———— ———— ———— ————  |
| | 11 | 12 | 13 | 14 | 15 | 16 | 17 | |
|  ———— ———— ———— ———— ———— ———— ————  |
| | 18 | 19 | 20 | 21 | 22 | 23 | 24 | |
|  ———— ———— ———— ———— ———— ———— ————  |
| |<span class="highlight"> 25 </span>|<span class="highlight"> 26 </span>| 27 | 28 |<span class="highlight"> 29 </span>|<span class="highlight"> 30 </span>|      |
|  ———— ———— ———— ———— ———— ————       |
|______________________________________|</pre>
	</div>

Les lignes en question :

<div 
  id="mois_actuel" 
  role="img" c="-- ici ! --"
  aria-label="calendrier de nos jours de permanence prévus pour ce mois-ci">
    <pre aria-hidden="true"> <!-- et là -->

> Je ne comprends pas trop l’utilisation de l’attribut role=img sachant que tout contenu est en aria-hidden via @tixie Le bloc en question : ```xml <div id="mois_actuel" role="img" aria-label="calendrier de nos jours de permanence prévus pour ce mois-ci"> <pre aria-hidden="true">.——————————————————————————————————————. | CALENDRIER SEPTEMBRE 2023 | |——————————————————————————————————————| | ———— ———— ———— | | | 01 | 02 | 03 | | | ———— ———— ———— ———— ———— ———— ———— | | | 04 |<span class="highlight"> 05 </span>| 06 | 07 | 08 | 09 | 10 | | | ———— ———— ———— ———— ———— ———— ———— | | | 11 | 12 | 13 | 14 | 15 | 16 | 17 | | | ———— ———— ———— ———— ———— ———— ———— | | | 18 | 19 | 20 | 21 | 22 | 23 | 24 | | | ———— ———— ———— ———— ———— ———— ———— | | |<span class="highlight"> 25 </span>|<span class="highlight"> 26 </span>| 27 | 28 |<span class="highlight"> 29 </span>|<span class="highlight"> 30 </span>| | | ———— ———— ———— ———— ———— ———— | |______________________________________|</pre> </div> ``` Les lignes en question : ```xml <div id="mois_actuel" role="img" c="-- ici ! --" aria-label="calendrier de nos jours de permanence prévus pour ce mois-ci"> <pre aria-hidden="true">  ```

quentin added the

cat

a11y

label 2023-10-17 08:12:35 +00:00

quentin added the

part

calendar

label 2023-10-17 08:14:03 +00:00

adrien commented

2024-02-01 13:43:15 +00:00

Owner

Proposed fix:

<div 
  id="mois_actuel" 
  role="img" 
  aria-hidden="true"
  aria-label="calendrier de nos jours de permanence prévus pour ce mois-ci">
    <pre>

Proposed fix: ```html <div id="mois_actuel" role="img" aria-hidden="true" aria-label="calendrier de nos jours de permanence prévus pour ce mois-ci"> <pre> ```