kopia lustrzana https://github.com/wagtail/wagtail
dropdown - improve focus and high contrast mode visibility
- Update _dropdown.legacy.scss - improvement to existing styles for dropdown/up button on focus and windows high contrast mode - see #7366pull/7566/head
rodzic
d6acc841b8
commit
997ac738b0
|
@ -33,7 +33,7 @@ Changelog
|
|||
* Fix: Remove redundant 'clear' button from site root page chooser (Matt Westcott)
|
||||
* Fix: Make ModelAdmin IndexView keyboard-navigable (Saptak Sengupta)
|
||||
* Fix: Prevent error on refreshing page previews when multiple preview tabs are open (Alex Tomkins)
|
||||
* Fix: Multiple accessibility fixes for Windows high contrast mode; Admin fields, Icon visibility, Page Editor field panels, sidebar menu, sidebar hamburger icon (Dmitrii Faiazov, Chakita Muttaraju, Onkar Apte, Desai Akshata, LB (Ben Johnston), Amy Chan, Dan Braghis)
|
||||
* Fix: Multiple accessibility fixes for Windows high contrast mode; Admin fields, Dropdown button, Icon visibility, Page Editor field panels, sidebar menu, sidebar hamburger icon (Dmitrii Faiazov, Chakita Muttaraju, Onkar Apte, Desai Akshata, LB (Ben Johnston), Amy Chan, Dan Braghis, Desai Akshata)
|
||||
* Fix: Menu sidebar hamburger icon on smaller viewports now correctly indicates it is a button to screen readers and can be accessed via keyboard (Amy Chan, Dan Braghis)
|
||||
* Fix: `blocks.MultipleChoiceBlock`, `forms.CheckboxSelectMultiple` and `ArrayField` checkboxes will now stack instead of display inline to align with all other checkboxes fields (Seb Brown)
|
||||
* Fix: Screen readers can now access login screen field labels (Amy Chan)
|
||||
|
|
|
@ -43,6 +43,30 @@
|
|||
border-style: solid;
|
||||
border-width: 1px 0 0;
|
||||
overflow: hidden;
|
||||
|
||||
a:focus,
|
||||
button:focus {
|
||||
border: 3px solid $color-focus-outline;
|
||||
}
|
||||
}
|
||||
|
||||
// Media for Windows High Contrast
|
||||
@media (forced-colors: $media-forced-colours) {
|
||||
li a,
|
||||
li button {
|
||||
forced-color-adjust: none;
|
||||
background-color: $color-black;
|
||||
border-color: $color-white;
|
||||
color: $color-white;
|
||||
}
|
||||
|
||||
li a:focus,
|
||||
li button:focus {
|
||||
background-color: $color-black;
|
||||
forced-color-adjust: none;
|
||||
border: 4px solid #0ff;
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -48,7 +48,7 @@ Bug fixes
|
|||
* Remove redundant 'clear' button from site root page chooser (Matt Westcott)
|
||||
* Make ModelAdmin IndexView keyboard-navigable (Saptak Sengupta)
|
||||
* Prevent error on refreshing page previews when multiple preview tabs are open (Alex Tomkins)
|
||||
* Multiple accessibility fixes for Windows high contrast mode; Admin fields, Icon visibility, Page Editor field panels, sidebar menu, sidebar hamburger icon (Dmitrii Faiazov, Chakita Muttaraju, Onkar Apte, Desai Akshata, LB (Ben Johnston), Amy Chan, Dan Braghis)
|
||||
* Multiple accessibility fixes for Windows high contrast mode; Admin fields, Dropdown button, Icon visibility, Page Editor field panels, sidebar menu, sidebar hamburger icon (Dmitrii Faiazov, Chakita Muttaraju, Onkar Apte, Desai Akshata, LB (Ben Johnston), Amy Chan, Dan Braghis)
|
||||
* Menu sidebar hamburger icon on smaller viewports now correctly indicates it is a button to screen readers and can be accessed via keyboard (Amy Chan, Dan Braghis)
|
||||
* ``blocks.MultipleChoiceBlock``, ``forms.CheckboxSelectMultiple`` and ``ArrayField`` checkboxes will now stack instead of display inline to align with all other checkboxes fields (Seb Brown)
|
||||
* Screen readers can now access login screen field labels (Amy Chan)
|
||||
|
|
Ładowanie…
Reference in New Issue