WCAG 2.0 (Level AA) Compatible

forty

Hi, i need template to be compatible with WCAG 2.0 (Level AA) Compatible.

Now i get some errors and i think needs overrides for JA QUICK CONTACT labels, JACM for h2 title and Fontawesome icons for Offcanvas and JA QUICK CONTACT button.

Accessibility Review
Accessibility Review (Guidelines: WCAG 2.0 (Level AA))
Export Format:

Report to Export:

Known Problems(7)
Likely Problems (0)
Potential Problems (246)
HTML Validation
CSS Validation

1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.

Success Criteria 1.3.1 Info and Relationships (A)

Check 119: input element, type of "checkbox", missing an associated label.
Repair: Add a label element that surrounds the control's label. Set the for attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element.
Error Line 534, Column 8:

Check 206: input element, type of "checkbox", has no text in label.
Repair: Add text to the input element's associated label that describes the purpose or function of the control.
Error Line 534, Column 8:

1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background.

Success Criteria 1.4.4 Resize text (AA)

Check 117: i (italic) element used.
Repair: Replace your i elements with em or strong.
Error Line 123, Column 141:

Error Line 552, Column 112:

Error Line 720, Column 46:

2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.

Success Criteria 2.4.6 Headings and Labels (AA)

Check 37: Header nesting - header following h1 is incorrect.
Repair: Modify the header levels so only an h1 or h2 follows h1.
Error Line 146, Column 6:

<h1>GLOCOM</h1>

3.3 Input Assistance: Help users avoid and correct mistakes.

Success Criteria 3.3.2 Labels or Instructions (A)

Check 188: Label text is empty.
Repair: Add text to the label element.
Error Line 534, Column 8:

saguaros

Hi forty

Could you share the URL of the tool that you validate with?

Did you experience the same with our demo site here? https://ja-vital.demo.joomlart.com/

forty

Yes i tried and i get more errors.
https://achecker.ca/checker/index.php

saguaros

forty Thanks for your report, I've forwarded to dev team for further checking.

forty

Hi, i fix some issues i need help for the errors below (these errors are common to all joomlart templates)

https://validator.w3.org/nu/?doc=https%3A%2F%2Fglocom.gr%2Fel%2F <-The Validator checker

ERRORS

Error: CSS: width: device-width is not a width value.

From line 65, column 34; to line 65, column 45

 { width: device-width; }↩  

Error: Bad value spotlight for attribute role on element div.

From line 176, column 1; to line 176, column 77

↩</div>↩↩↩<div id="t4-spotlight-1" class="t4-section  t4-spotlight-1" role="spotlight">↩<div 

Error: Element p not allowed as child of element span in this context. (Suppressing further errors from this subtree.)

From line 281, column 8; to line 281, column 10

">↩							<p>Η Gloc

Contexts in which element p may be used:
    Where flow content is expected.
Content model for element span:
    Phrasing content.

Error: Bad value section for attribute role on element div.

From line 393, column 1; to line 393, column 71

>↩</div>↩↩<div id="t4-section-5" class="t4-section  t4-section-5" role="section"><div c

Error: Bad value spotlight for attribute role on element div.

From line 543, column 1; to line 543, column 77

</div>↩↩↩↩<div id="t4-spotlight-3" class="t4-section  t4-spotlight-3" role="spotlight">↩<div 

Error: Bad value footnav for attribute role on element div.

From line 750, column 1; to line 750, column 67

div>↩↩↩↩↩↩<div id="t4-footnav" class="t4-section  t4-footnav" role="footnav"><div c

Error: Bad value footer for attribute role on element div.

From line 754, column 1; to line 754, column 64

↩↩</div>↩↩<div id="t4-footer" class="t4-section  t4-footer" role="footer">↩<div

The same errors an all templates. So new website need to be combatible with ACCESSIBILITY and we have problem.
We need fast fix so give me info to fix them and then if you upload newer version of template we can update.
Thanks

saguaros

Hi forty Our team will check and fix it soon, kindly wait.

forty

saguaros Hi again we need only 6 errors from link below to fix all other fixed.

https://validator.w3.org/nu/?showsource=yes&doc=https%3A%2F%2Fglocom.gr%2Fel%2F#l284c180

Thanks

forty

Ok thanks

forty

Hi, sorry if i push you but we have at most 10 days to fix those issues it is very important.
Can you give me a temp solution and then update?

saguaros

forty Could you share the FTP account also?

forty

saguaros Ok i did it Thanks!

saguaros

forty We released new version for JA Vital with the fix, could you backup your site first and update this latest version?

forty

saguaros The same errors https://validator.w3.org/nu/?doc=https%3A%2F%2Fglocom.gr%2Fen

saguaros

forty Let me check and will get back to you.

forty

saguaros Hi again any news?

Thanks

saguaros

Hi forty

Did you try to backup your site and update latest version for JA Vital template + T4 framework?

P/s: you can use JA Extensions Manager component (free component) to update JA's Products.

Regards

forty

I have updated website

I dont use JA extension manager because needs login.

saguaros

forty

I recommend you to use JA Extensions manager next time as you can easily check the updates / update / rollback to previous version in case there is any issue with the update.

forty

saguaros Ok but what we can do now to fix errors from https://validator.w3.org/ ?

saguaros

Hi forty

The latest version should be 1.0.2 while your site is using 1.0.1, could you take a backup of your site and update the template + T4 latest version first? then validate again.

forty

saguaros i have updated to 1.03 but errors are the same!