Ticket #5389 - Accessibility: Navigable - Bypass blocks. Point 1.

modules/boonex/artificer/data/template/system/pt_application.html

@@ -91,12 +91,12 @@
                     __informer__
                     <div class="bx-page-wrapper mx-auto px-3 md:px-4 lg:px-6 box-border">
                         <div id="bx-content-container" class="bx-content-container">
-                            <div id="bx-content-main" class="bx-content-main my-2 lg:my-3">
+                            <main role="main"  id="bx-content-main" class="bx-content-main my-2 lg:my-3">
                                 <bx_injection:injection_content_before />
                                 __page_main_code__
                                 <bx_injection:injection_content_after />
                                 <bx_injection:banner_bottom />
-                            </div> <!-- #bx-content-main -->
+                            </main> <!-- #bx-content-main -->
                             <bx_injection:injection_between_content_footer />
                         </div> <!-- #bx-content-container -->
                     </div> <!-- .bx-page-wrapper -->

modules/boonex/decorous/data/template/system/_sub_footer.html

@@ -5,7 +5,7 @@
 						
 						            <bx_injection:banner_bottom />
 						
-						        </div> <!-- #bx-content-main -->
+						        </main> <!-- #bx-content-main -->
 						
 						        <bx_injection:injection_between_content_footer />
 						
@@ -15,21 +15,21 @@
 				
 					</div> <!-- #bx-content-wrapper -->
 	
-	                <div id="bx-footer-wrapper" class="bx-footer-wrapper bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">    
-                            <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-box-sizing">
-                                <div id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
-                                    <div class="bx-footer-cnt bx-content-padding-footer">
-                                        <bx_injection:injection_footer_before />
+                            <div id="bx-footer-wrapper" class="bx-footer-wrapper bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">    
+                                <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-box-sizing">
+                                    <footer id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+                                        <div class="bx-footer-cnt bx-content-padding-footer">
+                                            <bx_injection:injection_footer_before />
 
-                                        <div id="bx-menu-bottom">
-                                            <bx_menu:sys_footer />
-                                        </div>
+                                            <div id="bx-menu-bottom">
+                                                <bx_menu:sys_footer />
+                                            </div>
 
-                                        <bx_injection:injection_footer_after />
-                                    </div>
+                                            <bx_injection:injection_footer_after />
+                                        </div>
+                                    </footer>
                                 </div>
                             </div>
-	                </div>
 	
 		        </div> <!-- .content-wrapper -->
 	

modules/boonex/decorous/data/template/system/_sub_header.html

@@ -56,4 +56,4 @@
                             <div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
                                 <div id="bx-content-container" class="bx-def-padding-sec-left bx-def-padding-sec-right">
                                     <bx_injection:injection_content_before />
-                                    <div id="bx-content-main" class=" my-4 lg:my-6">
+                                    <main role="main" id="bx-content-main" class=" my-4 lg:my-6">

modules/boonex/decorous/data/template/system/pt_application.html

@@ -82,13 +82,13 @@
                                 __informer__
                                 <div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
                                     <div id="bx-content-container" class="bx-def-padding-sec-left bx-def-padding-sec-right">
-                                        <div id="bx-content-main" class="bx-def-margin-sec-topbottom">
+                                        <main role="main" id="bx-content-main" class="bx-def-margin-sec-topbottom">
                                             <bx_injection:injection_content_before />
                                             __page_main_code__
                                             <bx_injection:injection_content_after />
                                             <div class="bx-clear"></div>
                                             <bx_injection:banner_bottom />
-                                        </div> <!-- #bx-content-main -->
+                                        </main> <!-- #bx-content-main -->
                                         <bx_injection:injection_between_content_footer />
                                     </div> <!-- #bx-content-container -->
                                 </div>
@@ -101,7 +101,7 @@
     </div> <!-- .bx-main-content -->
     <div id="bx-footer-wrapper" class="bx-footer-wrapper bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">    
         <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-box-sizing">
-            <div id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+            <footer id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
                 <div class="bx-footer-cnt bx-content-padding-footer">
                     <bx_injection:injection_footer_before />
                     <div id="bx-menu-bottom">
@@ -109,7 +109,7 @@
                     </div>
                     <bx_injection:injection_footer_after />
                 </div>
-            </div>
+            </footer>
         </div>
     </div>
     <bx_menu:sys_site_action />

modules/boonex/lucid/data/template/system/_sub_footer.html

@@ -5,7 +5,7 @@
 						
 						            <bx_injection:banner_bottom />
 						
-						        </div> <!-- #bx-content-main -->
+						        </main> <!-- #bx-content-main -->
 						
 						        <bx_injection:injection_between_content_footer />
 						
@@ -15,19 +15,19 @@
 				
 					</div> <!-- #bx-content-wrapper -->
 	
-	                <div id="bx-footer-wrapper" class="bx-footer-wrapper bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">    
-                            <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-box-sizing">
-                                <div id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
-                                    <div class="bx-footer-cnt bx-content-padding-footer">
-                                        <bx_injection:injection_footer_before />
-                                        <div id="bx-menu-bottom" class="bx-def-margin-sec-top-auto">
-                                            <bx_menu:sys_footer />
+                            <div id="bx-footer-wrapper" class="bx-footer-wrapper bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">    
+                                <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-box-sizing">
+                                    <footer id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+                                        <div class="bx-footer-cnt bx-content-padding-footer">
+                                            <bx_injection:injection_footer_before />
+                                            <div id="bx-menu-bottom" class="bx-def-margin-sec-top-auto">
+                                                <bx_menu:sys_footer />
+                                            </div>
+                                            <bx_injection:injection_footer_after />
                                         </div>
-                                        <bx_injection:injection_footer_after />
-                                    </div>
+                                    </footer>
                                 </div>
                             </div>
-	                </div>
 	
 		        </div> <!-- .content-wrapper -->
 	

modules/boonex/lucid/data/template/system/_sub_header.html

@@ -58,4 +58,4 @@
                         <div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
                             <div id="bx-content-container" class="bx-def-padding-sec-left bx-def-padding-sec-right">
                                 <bx_injection:injection_content_before />
-                                <div id="bx-content-main" class=" my-4 lg:my-6">
+                                <main role="main" id="bx-content-main" class=" my-4 lg:my-6">

modules/boonex/lucid/data/template/system/pt_application.html

@@ -81,13 +81,13 @@
                                 __informer__
                                 <div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
                                     <div id="bx-content-container" class="bx-def-padding-sec-left bx-def-padding-sec-right">
-                                        <div id="bx-content-main" class="bx-def-margin-sec-topbottom">
+                                        <main role="main" id="bx-content-main" class="bx-def-margin-sec-topbottom">
                                             <bx_injection:injection_content_before />
                                             __page_main_code__
                                             <bx_injection:injection_content_after />
                                             <div class="bx-clear"></div>
                                             <bx_injection:banner_bottom />
-                                        </div> <!-- #bx-content-main -->
+                                        </main> <!-- #bx-content-main -->
                                         <bx_injection:injection_between_content_footer />
                                     </div> <!-- #bx-content-container -->
                                 </div>
@@ -100,7 +100,7 @@
     </div> <!-- .bx-main-content -->
     <div id="bx-footer-wrapper" class="bx-footer-wrapper bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">    
         <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-box-sizing">
-            <div id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+            <footer id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
                 <div class="bx-footer-cnt bx-content-padding-footer">
                     <bx_injection:injection_footer_before />
                     <div id="bx-menu-bottom" class="bx-def-margin-sec-top-auto">
@@ -108,7 +108,7 @@
                     </div>
                     <bx_injection:injection_footer_after />
                 </div>
-            </div>
+            </footer>
         </div>
     </div>
     <bx_menu:sys_site_action />

modules/boonex/ocean/data/template/system/_sub_footer.html

@@ -5,7 +5,7 @@
 		
 		            <bx_injection:banner_bottom />
 		
-		        </div> <!-- #bx-content-main -->
+		        </main> <!-- #bx-content-main -->
 		
 		        <bx_injection:injection_between_content_footer />
 		
@@ -17,7 +17,7 @@
 	
 	<div id="bx-footer-wrapper">
             <div class="bx-def-centered bx-def-padding-topbottom bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
-                <div id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+                <footer id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
                     <bx_injection:injection_footer_before />
 
                     <div id="bx-menu-bottom">
@@ -25,7 +25,7 @@
                     </div>
 
                     <bx_injection:injection_footer_after />
-                </div>
+                </footer>
             </div>
 	</div>
 

modules/boonex/ocean/data/template/system/_sub_header.html

@@ -61,4 +61,4 @@
 
                     <bx_injection:injection_content_before />
 
-                    <div id="bx-content-main" class="my-4 lg:my-6">
+                    <main role="main" id="bx-content-main" class="my-4 lg:my-6">

modules/boonex/ocean/data/template/system/pt_application.html

@@ -55,13 +55,13 @@
                 __informer__
                 <div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
                     <div id="bx-content-container" class="bx-def-padding-sec-leftright">
-                        <div id="bx-content-main" class="bx-def-margin-sec-topbottom">
+                        <main role="main" id="bx-content-main" class="bx-def-margin-sec-topbottom">
                             <bx_injection:injection_content_before />
                             __page_main_code__
                             <bx_injection:injection_content_after />
                             <div class="bx-clear"></div>
                             <bx_injection:banner_bottom />
-                        </div> <!-- #bx-content-main -->
+                        </main> <!-- #bx-content-main -->
                         <bx_injection:injection_between_content_footer />
                     </div> <!-- #bx-content-container -->
                 </div>
@@ -70,13 +70,13 @@
     </div> <!-- .bx-main-content -->
     <div id="bx-footer-wrapper">
         <div class="bx-def-centered bx-def-padding-topbottom bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
-            <div id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+            <footer id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
                 <bx_injection:injection_footer_before />
                 <div id="bx-menu-bottom">
                     <bx_menu:sys_footer />
                 </div>
                 <bx_injection:injection_footer_after />
-            </div>
+            </footer>
         </div>
     </div>
     <bx_menu:sys_site_action />

modules/boonex/protean/data/template/system/_sub_footer.html

@@ -5,7 +5,7 @@
 		
 		            <bx_injection:banner_bottom />
 		
-		        </div> <!-- #bx-content-main -->
+		        </main> <!-- #bx-content-main -->
 		
 		        <bx_injection:injection_between_content_footer />
 		
@@ -17,7 +17,7 @@
 
 	<div id="bx-footer-wrapper" class="bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">	
             <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
-                <div id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+                <footer id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
                     <div class="bx-footer-cnt bx-content-padding-footer">
                         <bx_injection:injection_footer_before />
 
@@ -27,7 +27,7 @@
 
                         <bx_injection:injection_footer_after />
                     </div>
-                </div>
+                </footer>
             </div>
 	</div>
 

modules/boonex/protean/data/template/system/_sub_header.html

@@ -51,4 +51,4 @@
         <div class="bx-page-wrapper bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
             <div id="bx-content-container" class="bx-content-container bx-def-padding-sec-leftright">
                 <bx_injection:injection_content_before />
-                <div id="bx-content-main" class=" my-4 lg:my-6">
+                <main role="main" id="bx-content-main" class=" my-4 lg:my-6">

modules/boonex/protean/data/template/system/pt_application.html

@@ -77,13 +77,13 @@
                 __informer__
                 <div class="bx-page-wrapper bx-def-padding-sec-leftright bx-def-box-sizing">
                     <div id="bx-content-container" class="bx-content-container bx-def-padding-sec-leftright">
-                        <div id="bx-content-main" class="bx-content-main bx-def-margin-top">
+                        <main role="main" id="bx-content-main" class="bx-content-main bx-def-margin-top">
                             <bx_injection:injection_content_before />
                             __page_main_code__
                             <bx_injection:injection_content_after />
                             <div class="bx-clear"></div>
                             <bx_injection:banner_bottom />
-                        </div> <!-- #bx-content-main -->
+                        </main> <!-- #bx-content-main -->
                         <bx_injection:injection_between_content_footer />
                     </div> <!-- #bx-content-container -->
                 </div>
@@ -92,7 +92,7 @@
     </div> <!-- .bx-main-content -->
     <div id="bx-footer-wrapper" class="bx-def-image-bg-footer bx-def-color-bg-footer bx-def-border-footer bx-shadow-footer">	
         <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
-            <div id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+            <footer id="bx-footer" class="bx-footer bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
                 <div class="bx-footer-cnt bx-content-padding-footer">
                     <bx_injection:injection_footer_before />
 
@@ -102,7 +102,7 @@
 
                     <bx_injection:injection_footer_after />
                 </div>
-            </div>
+            </footer>
         </div>
     </div>
     <bx_menu:sys_site_action />

template/_page_content_beg.html

@@ -2,4 +2,4 @@ __informer__
 <div class="bx-page-wrapper bx-def-page-width mx-auto px-3 md:px-4 lg:px-6 box-border">
     <div id="bx-content-container" class="bx-content-container">
         <bx_injection:injection_content_before />
-        <div id="bx-content-main" class="bx-content-main my-4 lg:my-6">
+        <main role="main" id="bx-content-main" class="bx-content-main my-4 lg:my-6">

template/_page_content_end.html

@@ -1,6 +1,6 @@
             <bx_injection:injection_content_after />
             <bx_injection:banner_bottom />
-        </div> <!-- #bx-content-main -->
+        </main> <!-- #bx-content-main -->
         <bx_injection:injection_between_content_footer />
     </div> <!-- #bx-content-container -->
 </div>

template/_page_toolbar.html

@@ -1,5 +1,5 @@
 <bx_injection:top />
-<div id="bx-toolbar" class="bx-header bx-def-z-index-nav fixed top-0 w-full ring-1 ring-gray-300 dark:ring-gray-700 bg-white/95 dark:bg-gray-800/95 backdrop-blur shadow">
+<header id="bx-toolbar" class="bx-header bx-def-z-index-nav fixed top-0 w-full ring-1 ring-gray-300 dark:ring-gray-700 bg-white/95 dark:bg-gray-800/95 backdrop-blur shadow">
     <div class="bx-header-cnt __sys_header_width__ mx-auto px-3 md:px-4 lg:px-6 box-border">
         <div class="bx-toolbar-content-wrapper">
             <div id="bx-toolbar-content" class="bx-toolbar-content relative flex items-center justify-start h-16">
@@ -13,9 +13,9 @@
                     </div>
                     <!-- Menu -->
                     <div class="bx-toolbar-item bx-ti-menu flex-2 hidden lg:block w-64 ltr:ml-4 rtl:mr-4">
-                        <div id="bx-menu-toolbar-1-container" class="bx-toolbar-item bx-ti-menu w-full">
+                        <nav id="bx-menu-toolbar-1-container" class="bx-toolbar-item bx-ti-menu w-full">
                             <bx_menu:sys_site />
-                        </div>
+                        </nav>
                     </div>
                     <!-- Search -->
                     <div class="bx-toolbar-item bx-ti-search flex-1 lg:flex-none flex items-center justify-end">
@@ -26,4 +26,4 @@
             </div>
         </div>
     </div>
-</div>
+</header>

template/footer.html

@@ -1,6 +1,6 @@
 <div id="bx-footer-wrapper">
     <div class="bx-def-page-width mx-auto px-3 md:px-4 lg:px-6 box-border">
-        <div id="bx-footer" class="bx-footer">
+        <footer id="bx-footer" class="bx-footer">
             <div class="bx-footer-cnt mb-4">
                 <bx_injection:injection_footer_before />
                 <div id="bx-menu-bottom">
@@ -8,6 +8,6 @@
                 </div>
                 <bx_injection:injection_footer_after />
             </div>
-        </div>
+        </footer>
     </div>
 </div>

template/pt_application.html

@@ -61,13 +61,13 @@
                 __informer__
                 <div class="bx-page-wrapper bx-def-padding-sec-leftright bx-def-box-sizing">
                     <div id="bx-content-container" class="bx-content-container bx-def-padding-sec-leftright">
-                        <div id="bx-content-main" class="bx-content-main bx-def-margin-top">
+                        <main role="main" id="bx-content-main" class="bx-content-main bx-def-margin-top">
                             <bx_injection:injection_content_before />
                             __page_main_code__
                             <bx_injection:injection_content_after />
                             <div class="bx-clear"></div>
                             <bx_injection:banner_bottom />
-                        </div> <!-- #bx-content-main -->
+                        </main> <!-- #bx-content-main -->
                         <bx_injection:injection_between_content_footer />
                     </div> <!-- #bx-content-container -->
                 </div>
@@ -77,13 +77,13 @@
     <div id="bx-footer-wrapper">
         <hr class="bx-def-hr" />
         <div class="bx-def-centered bx-def-padding-sec-leftright bx-def-page-width bx-def-box-sizing">
-            <div id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
+            <footer id="bx-footer" class="bx-def-padding-sec-left bx-def-padding-sec-right bx-clearfix">
                 <bx_injection:injection_footer_before />
                 <div id="bx-menu-bottom">
                     <bx_menu:sys_footer />
                 </div>
                 <bx_injection:injection_footer_after />
-            </div>
+            </footer>
         </div>
     </div>
     <bx_menu:sys_site_action />