Main menu

Forum


× Help Forum English

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

  • 4samuels
  • Topic Author
  • Fresh Boarder
  • Fresh Boarder
More
2 weeks 1 day ago - 2 weeks 1 day ago #16660 by 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.
Last edit: 2 weeks 1 day ago by Lyr!C. Reason: [SOLVED]

Please Log in or Create an account to join the conversation.

  • Lyr!C
  • Lyr!C's Avatar
  • Administrateur
  • Administrateur
  • Lead Developer
More
2 weeks 1 day ago #16661 by 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 : 3.7.9

We recommend every user to keep your 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) .

Please Log in or Create an account to join the conversation.

  • 4samuels
  • Topic Author
  • Fresh Boarder
  • Fresh Boarder
More
2 weeks 1 day ago #16662 by 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?

Please Log in or Create an account to join the conversation.

  • Lyr!C
  • Lyr!C's Avatar
  • Administrateur
  • Administrateur
  • Lead Developer
More
2 weeks 1 day ago #16663 by 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 : 3.7.9

We recommend every user to keep your 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) .

Please Log in or Create an account to join the conversation.

  • 4samuels
  • Topic Author
  • Fresh Boarder
  • Fresh Boarder
More
2 weeks 1 day ago #16666 by 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.

Please Log in or Create an account to join the conversation.

  • Lyr!C
  • Lyr!C's Avatar
  • Administrateur
  • Administrateur
  • Lead Developer
More
2 weeks 1 day ago #16667 by 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 : 3.7.9

We recommend every user to keep your 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) .

Please Log in or Create an account to join the conversation.

  • 4samuels
  • Topic Author
  • Fresh Boarder
  • Fresh Boarder
More
2 weeks 1 day ago #16668 by 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.

Please Log in or Create an account to join the conversation.

  • Lyr!C
  • Lyr!C's Avatar
  • Administrateur
  • Administrateur
  • Lead Developer
More
2 weeks 1 day ago #16669 by Lyr!C
You're welcome! ;-)

Latest version : 3.7.9

We recommend every user to keep your 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) .

Please Log in or Create an account to join the conversation.

Moderators: Lyr!C
Time to create page: 0.174 seconds

Follow Us

Create your Joomla templates with Template Creator CK