Main menu

Forum


× Help Forum English

[SOLVED] Web Content Accessibility Guidelines (WCAG), V. 2.0, Level AA - Italics

  • 4samuels
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 4 ans 8 mois - il y a 4 ans 8 mois #16660 par 4samuels
I had tested my site against WCAG V2 Level AA and found a problem with ICAgenda as it uses italic instead of em or strong.

<code>i</code> (italic) element is not used.

How do get to the html to change it to em or strong?

It shows errors for <i class="fa fa-bars"></i> and the short descriptions.
Dernière édition: il y a 4 ans 8 mois par Lyr!C. Raison: [SOLVED]

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 4 ans 8 mois #16661 par Lyr!C
Hello,

"fa fa-bars" is not a CSS icon classe used in iCagenda.

So, it could come from your editor, or your site template...

Hope this helps ?

Best regards,
Cyril

Latest version : iCagenda 3.9.3
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

  • 4samuels
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 4 ans 8 mois #16662 par 4samuels
Yes you are correct about "fa fa-bars" - it was in my template. Thanks.

I believe this however is part of ICAgenda. The short description.
<div class="descshort ic-descshort">
<i>9:00AM - 3:00PM</i> </div>

Where can I change this from italics to em?

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 4 ans 8 mois #16663 par Lyr!C
Hello,

Could you provide an online link to the page, as i don't see really about where you have i tags for time?

In all cases, there's nothing wrong to use the <i> tags here, as it is not a semantic content, but just for styling, and by history, i tag was for italic, and the same for b tag for bold. But today, a lot of different interpration about their usage, and not a real clear definition about its usage...

As here, there's no need to emphasize a word or passage of text, the i tag has no issue for example with a screen reader.

www.w3schools.com/html/html_formatting.asp

Best regards,
Cyril

Latest version : iCagenda 3.9.3
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

  • 4samuels
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 4 ans 8 mois #16666 par 4samuels
Yes the website is www.khicommunity.com/

An online WCAG checker achecker.ca/checker/index.php indicates this is not compliant to V2 Level AA as the short description uses italics.

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 4 ans 8 mois #16667 par Lyr!C
Checker are not "human" controller, and <i> does not give issues with browsers nor screen reader, which is the most important fact ;-)

But i tag are not banned, just it's recommended to use em for semantic content (not the case here) or a css class instead (eg. using a span tag with a specific class to set font to italic).

In all cases, as i see it is in the list view, with the auto introtext "short description", you have just to change your setting for option "HTML Filtering" and set it to no HTML or custom list of HTML tags ;-)

This option is in global options of component > General settings > Miscellaneous

Best regards,
Cyril

Latest version : iCagenda 3.9.3
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

  • 4samuels
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 4 ans 8 mois #16668 par 4samuels
Thank you very much. Your suggestion worked. The checker no longer displays it as being non-compliant.

I changed as suggested the "HTML filtering" under the component > General Settings > Miscellaneous.

Really appreciate your quick and helpful responses. I am enjoying ICAgenda. Thank you.

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 4 ans 8 mois #16669 par Lyr!C
You're welcome! ;-)

Latest version : iCagenda 3.9.3
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: Lyr!C
Temps de génération de la page : 0.242 secondes

Follow Us

Créez vos templates Joomla avec Template Creator CK

acymailing logo new