Comments (6)
Can it be confirmed? I asked @tabatkins and he says it is pretty contrasting to him.
Also, I see no reason why icons would enhance the message.
from bootstrap.
Both the alerts and message blocks are sufficiently contrasting to be easily distinguishable to my brand of color-blindness (moderate blue/green, mild red/green)
from bootstrap.
Icons definitely won't be added because we want to keep this project to a single resource.
We asked a few color bind people around the office -- and they too had no problem with the color contrast.
Closing for now -- feel free to reopen if you find evidence which says otherwise.
from bootstrap.
Icons would definitely enhance the message. For people with Protanopia or Deuteranopia (2% of males*), they can't see a difference between a success and a warning. IMO, increasing the contrast will not help, but adding icons will.
Check out these simulations http://imageshack.us/g/40/dys1.png/
(You can try by yourself by downloading this software: http://michelf.com/projects/sim-daltonism/)
- According to Wikipedia: http://en.wikipedia.org/wiki/Color_blindness#Dichromacy
from bootstrap.
You can very easily add your own icons -- the alerts are flexible enough for that.
from bootstrap.
I agree.
from bootstrap.
Related Issues (20)
- border-primary shows wrong color (lighter color) HOT 2
- Popover event.preventDefault() for show.bs.popover: disables popover
- Completing a tab cycle inside a bootstrap modal will cause the page to scroll
- Adding new SCSS variables for `letter-spacing` HOT 1
- Floating Labels for File Input
- Suggest a new feature
- input add min-inline-size:0;
- Modal of Bootstrap v5.3 did not work! HOT 1
- How RTL support works with Sass in Bootstrap.
- The dropdown is not working after updating navbar content using HTMX
- Define `$component-active-color` with `color-contrast()` HOT 1
- Active nav links with default style look inactive HOT 2
- Request for recovery of One Time Key
- docs: Improve install guide for modern use like in scss.
- Reduce CSS variable overrides for colors HOT 1
- Add a glass effect to dropdowns HOT 3
- Floating labels incorrectly positioned for inputs with autofill, but no value HOT 2
- Upon initial launch of the Bootstrap modal NVDA reads all the content of the modal
- System UI font not used on WebKit
- bootstrap
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap.