Adobe Experience Manager HTML5 compliency | Community
Skip to main content
J
Jojo_08
December 9, 2024
Solved

Adobe Experience Manager HTML5 compliency

  • December 9, 2024
  • 3 replies
  • 645 views

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.

 

 

 

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by 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-main-gt-element-of-the-page/m-p/723163

     

    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/components/decoration-tagv 

     

     

    3 replies

    PRATHYUSHA_VP
    Community Advisor
    PRATHYUSHA_VPCommunity Advisor
    Community Advisor
    December 9, 2024

    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/wcm/components/page/v1/page

     

    Else you can define as part of page template policies

     

    Hope this helps 

     

      arunpatidar
      Community Advisor
      arunpatidarCommunity AdvisorAccepted solution
      Community Advisor
      December 10, 2024

      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-main-gt-element-of-the-page/m-p/723163

       

      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/components/decoration-tagv 

       

       

      Arun Patidar
        kautuk_sahni
        Community Manager
        kautuk_sahniCommunity Manager
        Community Manager
        December 16, 2024

        @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!

        Kautuk Sahni
        Terms & ConditionsAccessibility statement

        Loading footer...