[Resolved] Some code still needed to make it run 100%

Dear support,

I have tested so many theme’s for WordPress in my life, that I still conclude that GeneratePress is the best there is when it comes to speed and having real error free tested HTML 5 code.

In all my tests I have gotten it to 100% in Lighthouse test using Chrome browser.

I still like to share some code I needed to use to make it 100% error free and maybe ask to put this code into the free theme.

When running a lighthouse test the following can be seen:

[aria-*] attributes do not match their roles
Each ARIA <code>role</code> supports a specific subset of <code>aria-*</code> attributes. Mismatching these invalidates the <code>aria-*</code> attributes. Learn more.
Failing Elements
footer.entry-meta-boxes

Most of the time this will be seen under Accessibility or Best practices. The score will be like 94% and not 100%

This happens because there is some meta missing, or not loaded in footer section.

Solution:
https://generatepress.com/forums/topic/im-not-able-to-remove-the-footer-meta/#post-1923168

That was a great explanation, but this is still not in the free theme.

The code:

add_action( 'wp', function() {
    remove_action( 'generate_after_entry_content', 'generate_footer_meta' );
} );

Then, next is the notice about missing headings when users place comments below an article.

Test:
Have an article and open comments, place some comments and run the test on https://validator.w3.org/

HTML Validate:
Warning: Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.
<article class=”comment-body” id=”div-comment-1″ itemtype=”https://schema.org/Comment&#8221; itemscope>

I still do not know why W3 is looking for headings in comments as this does not
make any sense to me, but I still like to report this issue here.

These 2 things above are really the only 2 things to make it all 100% perfect.

GeneratePress is perfect because:

https://validator.w3.org/
Besides the headings in comments, all HTML is error-free!

https://jigsaw.w3.org/css-validator/#validate_by_input
ALL CSS is error-free!

https://validator.schema.org
ALL schema is error-free!

Without any extra plugins and just the theme, it is possible to get Lighthouse 100% for all test-phases.
100% on Desktop and 100% on Mobile.

Now, try this with a competitor theme.
Just take any theme and put the code inside https://validator.w3.org/#validate_by_input

You will see errors, test the following site https://www.kadencewp.com/

You see what I mean?

THAT is the reason GeneratePress is till in 2022 the best theme ever created and this can now be even tested like I did above.

Maybe have a better option in GP Premium to configure the Scroll to Top for only appearing at the end of the page and not covering text, but besides that this is the best theme every made.

I hope the 2 points above can at least be looked at to make it 100% perfect.

1) `[aria-*] attributes do not match their roles needed the code to make it 100% error-free (Advice to put it in the free theme)
2) Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles. W3 HTML test (No idea how to fix this)

Best regards.