Community Forums › Forums › Archived Forums › General Discussion › css injected but not on WP page
- This topic has 4 replies, 2 voices, and was last updated 7 years, 7 months ago by
tussle.
-
AuthorPosts
-
February 10, 2016 at 4:06 pm #178759
tussle
MemberHi
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?
ThanksFebruary 10, 2016 at 8:05 pm #178763Christoph
MemberHi,
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
February 11, 2016 at 8:49 am #178787tussle
MemberThank 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.February 11, 2016 at 9:47 am #178790Christoph
MemberWell, 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.phpFor 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 usehttps://jigsaw.w3.org/css-validator/
February 11, 2016 at 1:18 pm #178816tussle
MemberThanks 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-1I 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.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.