css injected but not on WP page

[tussle]

Hi
I am using the Sample theme.

I ran W3 validation - this appears:
The complementary role is unnecessary for element aside.

From line 199, column 24; to line 199, column 173

le></main><aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope itemtype="http://schema.org/WPSideBar"><secti

but there is nothing in my WP Text view that is there .

There is also another instance of p tag showing up but again, nothing in WP text view.

Any ideas how to solve this?
Thanks

[Christoph]

Hi,
the code comes from the Genesis markup and is meant to enhance the accessibility of the theme.

The warning simply says "Hey, you don't need to use this role to have valid HTML5" but the same organization is advising to use it for accessibility.
See the text underneath Example 2:... at https://www.w3.org/WAI/GL/wiki/Using_HTML5_aside_element

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[tussle]

Thank you for the help Chris.
It's the "aside" element that is being injected as well, I don't have anything in the WP page that uses the aside class.

le></main><aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope itemtype="http://schema.org/WPSideBar"><secti

I'm surprised Genesis inserts script, it's really buggering the css validation.

There is also the closed </p> tag that is handing.

Is there a way to remove these scripts?
Thanks.

[Christoph]

Well, Genesis has to provide HTML markup for the website.
It´s not really injecting it.

HTML and CSS are different languages and are used for different things.
HTML is building the structure of the website and the classes/ids that you style with css.

The content is using a <main> element because it is the important part of your website and the sidebar(s) are using the <aside> element because they are showing content that is not necessarily closely connected to what is said in the <main> class.
The use of <aside> is valid HTML5 markup.

The sidebars you are using in the theme, and targeting with css, or located inside of the <aside> element.

Here is an overview of the HTML markup that Genesis provides:
http://www.genesisframework.com/markup.php

For the additional closing /p I'd check any code you have used on the page or sidebar.
It´s not coming from the theme.
If you can provide an URL to your website, I can take a look.

If you are using

https://validator.w3.org/nu/

you are testing the HTML markup.
To check your css use

https://jigsaw.w3.org/css-validator/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[tussle]

Thanks Chris.

I dug a little deeper based on your suggestion, part of it is the schema checkbox with the ALL IN ONE SEO plugin. Activating causes more errors that W3 picks up but Google does not.
https://wordpress.org/support/topic/invalid-markup-validation-part-1

I checked the end p tags, on some pages but not others, must be the CSS Override plugin - will check that too.

If I run into more issues I'll email and use your service (prob, 15 min increment as posted).

Thanks a lot.

[Author]

Posts