Adobe Experience Manager HTML5 compliency

[Jojo_08]

Hi AEM community,

I would like to make my AEM (6.5) pages compliant with HTML5.

I'm able to put html5 tags (header, nav, footer) in my page's structure except for the tag <main role="main">. I do not understand how can I wrap all my content page with this html5 tag. 

How do you implement this rule in your site's page ?

Thanks for your help.

[PRATHYUSHA_VP]

Hi @Jojo_08 

HTML root tags will be available in page component. Please check and define there 

Ex : https://github.com/adobe/aem-core-wcm-components/tree/main/content/src/content/jcr_root/apps/core/wc...

Else you can define as part of page template policies

Hope this helps 

[arunpatidar]

Hi @Jojo_08 

You can configured core container component with check main tags. 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-custom-class-in-lt-...

For other HTML5 semantics, you need to update components. you can create cq:htmlTag node for each component and specify custom tags like section, article etc in the cq:tagName property

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/com...