whentimeslows/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Accessibility updates - main landmark roles (#17106)

Browse Source 
* 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
This commit is contained in:
Chaitanya
2019-10-27 17:13:24 +05:30
committed by Kubernetes Prow Robot
parent f53c6e1c20
commit 6a4238aa71
16 changed files with 109 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/gridpage.css
+12 -12
View File
@@ -39,7 +39,7 @@
padding-top: 0;
}
.gridPage main {
.gridPage .main-section {
max-width: 1100px !important;
}
@@ -104,7 +104,7 @@ p.attrib {
/*height: 340px;*/
}
.gridPage #video main {
.gridPage #video .main-section {
position: relative;
max-width: 900px !important;
height: 100%;
@@ -114,15 +114,15 @@ p.attrib {
padding: 50px 20px;
}
.gridPage #video main > div {
.gridPage #video .main-section > div {
width: 50%;
}
.gridPage #video main #zulilyLogo {
.gridPage #video .main-section #zulilyLogo {
width: 100px;
}
.gridPage #video main img {
.gridPage #video .main-section img {
max-width: 100%;
}
@@ -153,11 +153,11 @@ p.attrib {
padding: 50px;
}
.gridPage #users main {
.gridPage #users .main-section {
max-width: 1150px !important;
}
.gridPage #users main h3 {
.gridPage #users .main-section h3 {
padding-left: 20px;
margin-bottom: 20px;
}
@@ -210,7 +210,7 @@ section.bullets {
margin-bottom: 50px;
}
section.bullets main {
section.bullets .main-section {
position: relative;
max-width: 1100px;
padding: 50px 0;
@@ -271,16 +271,16 @@ section.bullets .content {
}
@media screen and (max-width: 900px){
.gridPage #video main {
.gridPage #video .main-section {
flex-direction: column;
align-items: center;
}
.gridPage #video main > div {
.gridPage #video .main-section > div {
width: 400px;
}
.gridPage #video main > div + div {
.gridPage #video .main-section > div + div {
margin-top: 30px;
}
@@ -321,7 +321,7 @@ section.bullets .content {
padding-left: 20px;
}
.gridPage #video main > div {
.gridPage #video .main-section > div {
width: 80%;
min-width: 280px;
}