bootstrap

mirror of https://github.com/twbs/bootstrap.git synced 2025-10-04 00:02:43 -04:00

History

SH20RAJ 253c7c5f29 feat: improve focus accessibility with high contrast mode support

- Add outline fallbacks for form controls in high contrast mode
- Add outline fallbacks for button focus states in high contrast mode
- Ensure focus indicators remain visible when box-shadow is disabled
- Include test file demonstrating accessibility improvements

Fixes accessibility issue where focus indicators become invisible
in high contrast mode or when users disable box-shadow effects.

Changes:
- scss/forms/_form-control.scss: Added @media (prefers-contrast: high) with outline fallback
- scss/_buttons.scss: Added @media (prefers-contrast: high) with outline fallback for focus-visible
- test-high-contrast-focus.html: Test page demonstrating the improvements

The compiled CSS now includes:
.form-control:focus { /* existing styles */ }
@media (prefers-contrast: high) {
  .form-control:focus { outline: 2px solid; outline-offset: 2px; }
}

.btn:focus-visible { /* existing styles */ }
@media (prefers-contrast: high) {
  .btn:focus-visible { outline: 2px solid; outline-offset: 2px; }
}

2025-08-30 08:53:48 +05:30

_floating-labels.scss

Fix left alignment of floating labels with .form-select size variants (#41013 )

2024-11-14 11:12:33 +01:00

_form-check.scss

Fix border-radius of some switch variants when rounded is disabled (#38884 )

2023-09-14 20:49:14 +02:00

_form-control.scss

feat: improve focus accessibility with high contrast mode support

2025-08-30 08:53:48 +05:30

_form-range.scss

Fix Sass properties order for newer stylelint-config-recess-order (#38851 )