Accessibility updates - main landmark roles (#17106)

* Removed multiple main tags from home page

Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com>

* Removed multiple occurances of main in case-studies page

Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com>

* Replaced css for main tag with .main-section class

Signed-off-by: ChaitanyaKaranam <karanam.krishna.25@gmail.com>

* Added main landmark role for all the pages

Signed-off-by: ChaitanyaKaranam <karanam.krishna.25@gmail.com>

* Force checks.

request-checks: true

layouts/shortcodes/blocks/case-studies.html

@@ -4,7 +4,7 @@
 {{ else }}
 {{ $caseStudiesPages := where $caseStudiesSection.Pages "Params.featured" true | first 4 }}
 <section id="talkToUs">
-  <main>
+  <div class="main-section">
     <h3>{{ $caseStudiesSection.Title }}</h3>
     <div id="caseStudiesWrapper">
       {{ range $caseStudiesPages }}
@@ -20,6 +20,6 @@
       {{ end }}  
     </div>
     <h5 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">{{ $caseStudiesSection.LinkTitle }}</a></h5>
-  </main>
+  </div>
 </section>
 {{ end }}

layouts/shortcodes/blocks/feature.html

@@ -7,9 +7,9 @@ It can be given a "image" parameter with a name partially matching a file in the
 {{- $imageName := $.Get "image" | default "flower" -}}
 {{ if  $imageName }}{{- template "shortcodes-blocks_getimage" (dict "name" $imageName "ctx" . "target" "feature-image") -}}{{ end }}
 {{- $image := $.Scratch.Get "feature-image" -}}
-<main>
+<div class="main-section">
 	{{ with $image }}<div class="image-wrapper"><img src="{{ .RelPermalink }}" alt="{{ .Title }}"></div>{{ end }}
 	<div class="content">
 		{{ $.Inner }}
 	</div>
-</main>
+</div>

layouts/shortcodes/blocks/kubernetes-features.html

@@ -15,7 +15,7 @@ Note that markdown can be used in the description.
 
  */}}
 <section id="features">
-    <main>
+    <div class="main-section">
         <h3 class="center">{{ T "main_kubernetes_features" }}</h3>
         {{ $pages := where site.Pages ".Params.feature" "!=" nil }}
         {{range $i, $p := $pages }}
@@ -32,5 +32,5 @@ Note that markdown can be used in the description.
             </div>
      
         {{ end }}
-    </main>
+    </div>
 </section>