× Help Forum English

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

Inizio
Indietro
1
Avanti
Fine

4samuels
Autore della discussione
New Member

Di più

6 Anni 2 Mesi fa - 6 Anni 2 Mesi fa #16660 da 4samuels

[SOLVED] Web Content Accessibility Guidelines (WCAG), V. 2.0, Level AA - Italics è stato creato da 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.

Ultima Modifica 6 Anni 2 Mesi fa da Lyr!C. Motivo: [SOLVED]

Si prega Accedi o Crea un account a partecipare alla conversazione.

Lyr!C
Administrator
Lead Developer

Di più

6 Anni 2 Mesi fa #16661 da Lyr!C

Risposta da Lyr!C al topic Web Content Accessibility Guidelines (WCAG), Version 2.0, Level AA - Italics

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.14
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) .

Si prega Accedi o Crea un account a partecipare alla conversazione.

4samuels
Autore della discussione
New Member

Di più

6 Anni 2 Mesi fa #16662 da 4samuels

Risposta da 4samuels al topic Web Content Accessibility Guidelines (WCAG), Version 2.0, Level AA - Italics

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?

Si prega Accedi o Crea un account a partecipare alla conversazione.

Lyr!C
Administrator
Lead Developer

Di più

6 Anni 2 Mesi fa #16663 da Lyr!C

Risposta da Lyr!C al topic Web Content Accessibility Guidelines (WCAG), Version 2.0, Level AA - Italics

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

Si prega Accedi o Crea un account a partecipare alla conversazione.

4samuels
Autore della discussione
New Member

Di più

6 Anni 2 Mesi fa #16666 da 4samuels

Risposta da 4samuels al topic Web Content Accessibility Guidelines (WCAG), Version 2.0, Level AA - Italics

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.

Si prega Accedi o Crea un account a partecipare alla conversazione.

Lyr!C
Administrator
Lead Developer

Di più

6 Anni 2 Mesi fa #16667 da Lyr!C

Risposta da Lyr!C al topic Web Content Accessibility Guidelines (WCAG), Version 2.0, Level AA - Italics

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

Si prega Accedi o Crea un account a partecipare alla conversazione.

4samuels
Autore della discussione
New Member

Di più

6 Anni 2 Mesi fa #16668 da 4samuels

Risposta da 4samuels al topic Web Content Accessibility Guidelines (WCAG), Version 2.0, Level AA - Italics

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.

Si prega Accedi o Crea un account a partecipare alla conversazione.