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 · Accepted solution]

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... 

[kautuk_sahni]

@Jojo_08 Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!