Dashboard: Add accessible landmark markup (#36753)

* Add landmark markup

* Make panel titles h2

* Descibe panel landmarks

* Add nav elements and heading 1

* Reset line height and remove margin

* Make focus styles visible

* Change nav to section

* Add desc

* Fix focus styles cutoff
This commit is contained in:
Tobias Skarhed
2021-07-16 21:48:47 +02:00
committed by GitHub
parent 2172920095
commit cfd06775c0
10 changed files with 80 additions and 56 deletions

View File

@@ -37,22 +37,6 @@ $panel-header-no-title-zindex: 1;
align-items: center;
}
.panel-title-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 38px);
cursor: pointer;
font-weight: $font-weight-semi-bold;
&:hover {
color: $link-hover-color;
}
.panel-has-alert & {
max-width: calc(100% - 54px);
}
}
.panel-menu-container {
width: 0px;
height: 19px;