twbs
docs: add iOS-native switch feedback for Safari in Bootstrap docs
Description
Added a note in the Bootstrap documentation about Safari's native switch support on iOS 17.4 and later. This allows users to get haptic feedback when toggling switches in Bootstrap on iPhones, using the new switch attribute. Additionally, a mention of using native switch appearance for a more iOS/macOS-like experience was added, enhancing accessibility with system settings like "Differentiate Without Color" and "Prefers Higher Contrast."
Motivation & Context
This change provides a minor yet useful enhancement for iOS users, making the Bootstrap switch input behave like native iOS switches with haptic feedback. It adds no functional changes but improves the user experience on iPhones with iOS 17.4+. The change aligns with Bootstrap's goal to ensure cross-browser and cross-device consistency, especially for iOS users.
##Type of changes New feature
Checklist
- I have read the contributing guidelines
- My code follows the code style of the project (using npm run lint)
- This contribution introduces changes to the documentation
Live previews
- https://deploy-preview-41231--twbs-bootstrap.netlify.app/docs/5.3/forms/checks-radios/#switches
Related issues
Closes #41223
Hmm, fails validator because it doesn't like the switch attribute. May need to revisit rules there.
Hmm, fails validator because it doesn't like the switch attribute. May need to revisit rules there.
For the switch part, if it works on Safari and you're ready to merge this PR @mdo, you can add an exception into the vnu-jar file, yeah.
For the "Lorem ipsum" part, maybe just change the wording instead of adding an exception.
