Accessibility Test

Home Forums Reykjavik Accessibility Test

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #21215

    angie_s
    Participant

    Accessibility Test

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Hello!
    We would like your opinion on something regarding the results from a test-tool for accessibility.

    We test https://www.moysidou-stefania.gr/ with https://validator.w3.org/ and we get some errors and wornings about favicon and parts of the code.

    Is there a way for them to be fixed somehow?

    Thank you for everything!!

    #21216

    Oliver Juhas
    Keymaster

    Hi angie_s,

    Please note that https://validator.w3.org/ is not an accessibility test but rather an HTML code validator. For accessibility testing please check the knowledge base article.

    Also, please note that none of these issues are related to the theme.

    • “The type attribute is unnecessary for JavaScript resources.” and “The type attribute for the style element is not needed and should be omitted.” – WordPress outputs these in the HTML code. It is not an issue, just a warning, you can ignore it. Or search the internet for solution on how to remove these attributes from assets enqueued by WordPress.
    • Favicon issues – Please note these are not coming from a theme. And they should not actually come from WordPress when using it’s favicon functionality. So it brings me to conclusion that maybe you are using some plugin for that? Check your plugins to resolve, use the WordPress native favicon functionality instead. Or, actually, I can see there is some weird code in your HTML head: the <!-- HFCM by 99 Robots - Snippet # 1: espatop -->. I’m not sure if this was added by a plugin or by you. Please make sure this code is in the HTML body instead of in the head.

    All of the other issues are actually related to the strange <!-- HFCM by 99 Robots - Snippet # 1: espatop --> code in your HTML head. Please move the code to HTML body or remove it completely if not needed. It breaks your HTML code.

    Best regards,

    Oliver Juhas
    WebMan Design

    #21217

    Oliver Juhas
    Keymaster

    By the way, if you’ve added this code via a child theme, please use action hook method instead of overwriting the header.php file.

    Here is an example code to use in your child theme‘s functions.php file:

    function child_theme_custom_html() {
    	?>
    	YOUR CUSTOM HTML CODE HERE
    	<?php
    }
    add_action( 'tha_body_top', 'child_theme_custom_html', 0 );

    Best regards,

    Oliver Juhas
    WebMan Design

    • This reply was modified 2 months ago by  Oliver Juhas. Reason: Adding the code
    #21219

    angie_s
    Participant

    Thank you!

    We used the plugin HFCM to insert the image at the top of everything and it is placed at the header. So that causes the errors.

    As for the favicon we used the standard wordpress method as you say but the above plugin caused that too.

    #21220

    Oliver Juhas
    Keymaster

    Hi angie_s,

    In that case please use the https://wordpress.org/plugins/header-footer-code-manager/ plugin responsibly. The “Head section” the plugin supports actually inserts your custom code into the HTML head, not into the theme header. And including the HTML <a> and <img> tag in there you broke the HTML, which caused all the other issues.

    If you want, you can try using https://wordpress.org/plugins/tha-hooks-interface/ plugin instead as the theme supports Theme Hook Alliance hooks.

    Best regards,

    Oliver Juhas
    WebMan Design

    #21226

    angie_s
    Participant

    That was very helpfull!

    Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.