Jump to content

Valeur "aria-label" = Avertissements W3C Validator


Recommended Posts

Bonjour à tous,

J'utilise la version 1.7.8.4 de Prestashop. Lorsque je soumets au service de validation W3c les pages où figurent des produits, j'ai beaucoup d'avertissements concernant la valeur "aria-label".

Exemples d'avertissements:

 

*** Warning: Possible misuse of aria-label. (If you disagree with this warning, file an issue report or send e-mail to [email protected].)

 From line 1176, column 17; to line 1176, column 70 --> <span class="regular-price" aria-label="Prix de base">78,99 

 

*** Warning: Possible misuse of aria-label. (If you disagree with this warning, file an issue report or send e-mail to [email protected].)

From line 1181, column 15; to line 1181, column 52 --> <span class="price" aria-label="Prix">

 

D'après ce que je comprends, pour corriger ces avertissements il faudrait que je remplace les valeurs "aria-label" du fichier product-list.tpl qui se trouve dans /themes/classic/templates/catalog/_partials/miniatures.

 

Voici les lignes de code à corriger:

<span class="regular-price" aria-label="{l s='Regular price' d='Shop.Theme.Catalog'}">{$product.regular_price}</span>

et

<span class="price" aria-label="{l s='Price' d='Shop.Theme.Catalog'}">
                {capture name='custom_price'}{hook h='displayProductPriceBlock' product=$product type='custom_price' hook_origin='products_list'}{/capture}
                {if '' !== $smarty.capture.custom_price}
                  {$smarty.capture.custom_price nofilter}
                {else}
                  {$product.price}
                {/if}
              </span>

 

D'après ce que j'ai pu lire il faudrait remplacer la valeur "aria-label" par ceci : 

On the link page it says that for numbers, accessible name from label is preferred. It means the label element https://html.spec.whatwg.org/multipage/forms.html#the-label-element

 

J'avoue ne pas tout comprendre, quelqu'un pourrait-il m'aider en m'indiquant comment corriger les lignes de codes du fichier product-list.tpl afin de ne plus avoir d'avertissements svp?

Merci par avance.

"

Link to comment
Share on other sites

Bonjour

la balise aria-label est sur un span visible donc mal utilisé et perso je supprimerai  purement et simplement
aria-label="{l s='Regular price' d='Shop.Theme.Catalog'}"
aria-label="{l s='Price' d='Shop.Theme.Catalog'}"


je me demande même d’où ils sortent cet ajout

https://developer.mozilla.org/fr/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...