mirror of
https://github.com/maputnik/editor.git
synced 2026-07-01 11:37:26 +00:00
Accessibility fixes
- Aria landmarks - Title attributes to all icon only buttons - <Multibutton/> now internally a radio group - Replaced 1 'skip navigation link' with UI group links - Added map specific shortcuts to the shortcut menu - Hidden layer list actions from tab index
This commit is contained in:
+19
-4
@@ -36,6 +36,7 @@
|
||||
&-item-handle {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
cursor: grab;
|
||||
|
||||
svg {
|
||||
margin-right: 4px;
|
||||
@@ -43,12 +44,11 @@
|
||||
}
|
||||
|
||||
&-item {
|
||||
border: solid 1px transparent;
|
||||
font-weight: 400;
|
||||
color: $color-lowgray;
|
||||
font-size: $font-size-6;
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: lighten($color-black, 0.1);
|
||||
border-bottom-color: lighten($color-black, 0.1);
|
||||
user-select: none;
|
||||
list-style: none;
|
||||
z-index: 2000;
|
||||
@@ -61,6 +61,10 @@
|
||||
-webkit-transition: opacity 600ms, visibility 600ms;
|
||||
transition: opacity 600ms, visibility 600ms;
|
||||
|
||||
&:focus-within {
|
||||
border: solid 1px $color-lowgray;
|
||||
}
|
||||
|
||||
@media screen and (prefers-reduced-motion: reduce) {
|
||||
transition-duration: 0;
|
||||
}
|
||||
@@ -131,22 +135,33 @@
|
||||
}
|
||||
|
||||
&-item-id {
|
||||
all: inherit;
|
||||
width: 115px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&-group-header {
|
||||
border: solid 1px transparent;
|
||||
font-size: $font-size-6;
|
||||
color: $color-lowgray;
|
||||
background-color: lighten($color-black, 2);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
padding: $margin-2;
|
||||
|
||||
&:focus-within {
|
||||
border: solid 1px $color-lowgray;
|
||||
}
|
||||
|
||||
button {
|
||||
all: unset;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@include flex-row;
|
||||
|
||||
svg {
|
||||
|
||||
Reference in New Issue
Block a user