MDL-67683 theme: Do not use section for #region-main
The #region-main container should not be a <section> tag (which has a default landmark role of "region") as it contains the container with the "main" role which should be a top-level landmark. Read more at: https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/
This commit is contained in:
@@ -48,7 +48,7 @@
|
||||
<div id="page" class="container-fluid d-print-block">
|
||||
<div id="page-content" class="row pb-3 d-print-block">
|
||||
<div id="region-main-box" class="col-12">
|
||||
<section id="region-main" aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main">
|
||||
{{{ output.course_content_header }}}
|
||||
{{#headercontent}}
|
||||
{{> core/activity_header }}
|
||||
@@ -56,7 +56,7 @@
|
||||
{{{ output.main_content }}}
|
||||
{{{ output.activity_navigation }}}
|
||||
{{{ output.course_content_footer }}}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
<div> {{{ regionmainsettingsmenu }}} </div>
|
||||
</div>
|
||||
{{/hasregionmainsettingsmenu}}
|
||||
<section id="region-main" {{#hasblocks}}class="has-blocks mb-3"{{/hasblocks}} aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main" {{#hasblocks}}class="has-blocks mb-3"{{/hasblocks}}>
|
||||
|
||||
{{#hasregionmainsettingsmenu}}
|
||||
<div class="region_main_settings_menu_proxy"></div>
|
||||
@@ -89,7 +89,7 @@
|
||||
{{{ output.activity_navigation }}}
|
||||
{{{ output.course_content_footer }}}
|
||||
|
||||
</section>
|
||||
</div>
|
||||
{{#hasblocks}}
|
||||
<section data-region="blocks-column" class="d-print-none" aria-label="{{#str}}blocks{{/str}}">
|
||||
{{{ addblockbutton }}}
|
||||
|
||||
@@ -142,7 +142,7 @@
|
||||
<div> {{{ regionmainsettingsmenu }}} </div>
|
||||
</div>
|
||||
{{/hasregionmainsettingsmenu}}
|
||||
<section id="region-main" aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main">
|
||||
|
||||
{{#hasregionmainsettingsmenu}}
|
||||
<div class="region_main_settings_menu_proxy"></div>
|
||||
@@ -162,7 +162,7 @@
|
||||
{{{ output.activity_navigation }}}
|
||||
{{{ output.course_content_footer }}}
|
||||
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -41,13 +41,13 @@
|
||||
<div id="page" class="container-fluid pt-5 mt-0">
|
||||
<div id="page-content" class="row">
|
||||
<div id="region-main-box" class="col-12">
|
||||
<section id="region-main" class="col-12 h-100" aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main" class="col-12 h-100">
|
||||
<div class="login-wrapper">
|
||||
<div class="login-container">
|
||||
{{{ output.main_content }}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -57,9 +57,9 @@
|
||||
</div>
|
||||
|
||||
<div id="page-content" class="row">
|
||||
<section id="region-main" class="col-12" aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main" class="col-12">
|
||||
{{{ output.main_content }}}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
|
||||
<div id="page-content" class="row">
|
||||
<div id="region-main-box" class="col-12">
|
||||
<section id="region-main" {{#hasblocks}}class="has-blocks"{{/hasblocks}} aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main" {{#hasblocks}}class="has-blocks"{{/hasblocks}}>
|
||||
|
||||
{{{ output.course_content_header }}}
|
||||
{{#headercontent}}
|
||||
@@ -69,7 +69,7 @@
|
||||
{{{ output.main_content }}}
|
||||
{{{ output.course_content_footer }}}
|
||||
|
||||
</section>
|
||||
</div>
|
||||
{{#hasblocks}}
|
||||
<section data-region="blocks-column" aria-label="{{#str}}blocks{{/str}}">
|
||||
{{{ sidepreblocks }}}
|
||||
|
||||
@@ -66,7 +66,7 @@
|
||||
<div> {{{ output.region_main_settings_menu }}} </div>
|
||||
</div>
|
||||
{{/hasregionmainsettingsmenu}}
|
||||
<section id="region-main" class="region-main-content" aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main" class="region-main-content">
|
||||
{{#hasregionmainsettingsmenu}}
|
||||
<div class="region_main_settings_menu_proxy"></div>
|
||||
{{/hasregionmainsettingsmenu}}
|
||||
@@ -77,7 +77,7 @@
|
||||
{{{ output.main_content }}}
|
||||
{{{ output.activity_navigation }}}
|
||||
{{{ output.course_content_footer }}}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columnleft blockcolumn {{#haspreblocks}} has-blocks {{/haspreblocks}}">
|
||||
<section data-region="blocks-column" class="d-print-none" aria-label="{{#str}}blocks{{/str}}">
|
||||
|
||||
@@ -54,7 +54,7 @@
|
||||
<div id="page" class="container-fluid">
|
||||
<div id="page-content" class="row">
|
||||
<div id="region-main-box" class="col-12">
|
||||
<section id="region-main" aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main">
|
||||
{{{ output.course_content_header }}}
|
||||
{{#headercontent}}
|
||||
{{> core/activity_header }}
|
||||
@@ -62,7 +62,7 @@
|
||||
{{{ output.main_content }}}
|
||||
{{{ output.activity_navigation }}}
|
||||
{{{ output.course_content_footer }}}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
|
||||
<div id="page-content" class="row {{#haspreblocks}} blocks-pre {{/haspreblocks}} {{#haspostblocks}} blocks-post {{/haspostblocks}}">
|
||||
<div id="region-main-box" class="region-main">
|
||||
<section id="region-main" aria-label="{{#str}}content{{/str}}">
|
||||
<div id="region-main">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{{{ output.course_content_header }}}
|
||||
@@ -82,7 +82,7 @@
|
||||
{{{ output.course_content_footer }}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columnleft {{#haspreblocks}} has-blocks {{/haspreblocks}}">
|
||||
<section data-region="blocks-column" class="d-print-none" aria-label="{{#str}}blocks{{/str}}">
|
||||
|
||||
Reference in New Issue
Block a user