Lots of errors w3.org when using elementor

QuestionsLots of errors w3.org when using elementor
John asked 2 years ago

Hi there i am using elementor. And it is a great tool to build nice elements. So now i upload the Html source in w3.org and i got a lot of errors.

Like these:

Warning: The type attribute is unnecessary for JavaScript resources.

Warning: The type attribute for the style element is not needed and should be omitted

Error: Bad value for attribute href on element link: Illegal character in query: | is not allowed.

From line 153, column 2; to line 153, column 497

</style><span class="lf" title="Line break">↩</span> <b><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Patrick+Hand:10<span class="snip">…</span>,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"></b></head

Error: Element head is missing a required instance of child element title.

From line 153, column 498; to line 153, column 504

00italic"><b></head></b><span class="lf" title="Line break">↩</span><span class="lf" title="Line break">↩</span><bod

Warning: The navigation role is unnecessary for element nav.

Warning: Section lacks heading. Consider using h2h6 elements to add identifying headings to all sections.

Warning: The type attribute is unnecessary for JavaScript resources.

And a lot of more, i don't no what to do..

Please help


Thanks Pieter

3 Answers
Adam @ WPCrafter Staff answered 2 years ago

I think some of this you should ask Elementor about. However, some of it is due to page structure that you control. The big challenge with page builders is we forget about proper site hierarchy and structure.

This is taken from this Yoast blog post:

Sometimes developers also talk about headings. They usually talk about <H1> and <H2>, <H3>, <H4>. Just to translate a little: H1 is the title of the page or the blog post, and you should only use it once. The other headings can be used multiple times, as long as it makes sense. It’s a hierarchical structure, so before you use H3, you should have used H2. But you can go back and use H2 after you’ve used H3. Here’s an example of a heading structure:

H1: Ballet shoes are awesome

H2: Why ballet shoes are awesome

H3: Ballet shoes are pink

H3: Ballet shoes are flexible

H3: Ballet shoes are cheap

H2: Where to buy your ballet shoes?

H3: Online stores

H3: In your hometown?

H2: Wrapping it up.

You can use H4, H5 and H6, if you want to, as long as you make sure to use H4 before H5 and H5 before H6, and so on. I usually stick to using H2 and H3 though.

used answered 2 years ago

Hi there Adam

First thanks for your help!

I have contacted Elementor about the type (javascript) error. It is in the core of Elementor, the way how the plugin code's is writing out. I could work the error out with a hex editor but i leave it to them . It is not a real hard problem. But i wanted a nice error clear site. They would work on it on a update in the future..Hope so. But thanks for responding the H1 H2 H3 H4 things to me. Now i have another question: I hate mobile hamburger menu's, i would like that my normal menu to be reduced to mobile (schrinks) because the mobile (hamburger) goes all over my text or slider, no mather wich type of menu i use with elementor they all go over the nice looking widgets. Now i search a lot and i found http://www.medium.com if i make that page smaller it still looks the same, with readable info. Is there a way with Elementor or other plugin where i can make a mobile full size menu with the normal menu items?  Please help me out..

Thanks Pieter

cpy answered 1 month ago

The type error is not an error, its a warning and can be ignored.
And it doesnt come from elementor. It comes from WordPress.
You can fix it by add this to your functions.php:
add_filter( ‘style_loader_tag', ‘removeCrapInHtmlAttributes', 10, 2 );
add_filter( ‘script_loader_tag', ‘removeCrapInHtmlAttributes', 10, 2 );

function removeCrapInHtmlAttributes( $tag, $handle ) {
return preg_replace( “/type=[‘\”]text\/(javascript|css)[‘\”]/”, ”, $tag );

Your Answer
9 + 17 =

Accepted file types: png, jpg, pdf

Add another file