[GH-ISSUE #263] Flags are not working in high contrast mode #174

Closed
opened 2026-03-03 14:35:10 +03:00 by kerem · 9 comments
Owner

Originally created by @Rak- on GitHub (Jun 22, 2016).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/263

@lipis Flags are not working in any of system default high contrast mode.Can you please fix it as soon as possible,it is needed in our project for accessibility.

Originally created by @Rak- on GitHub (Jun 22, 2016). Original GitHub issue: https://github.com/lipis/flag-icons/issues/263 @lipis Flags are not working in any of system default high contrast mode.Can you please fix it as soon as possible,it is needed in our project for accessibility.
kerem closed this issue 2026-03-03 14:35:10 +03:00
Author
Owner

@lipis commented on GitHub (Jun 22, 2016):

Oh noooo!! I'm right on it.. I'll be away for a while buying all the systems with high contrast mode, but afterwards I'll fix all of them as soon as I can... When is your deadline?! How much time do I have to fix the flags?!

<!-- gh-comment-id:227672340 --> @lipis commented on GitHub (Jun 22, 2016): Oh noooo!! I'm right on it.. I'll be away for a while buying all the systems with high contrast mode, but afterwards I'll fix all of them as soon as I can... When is your deadline?! How much time do I have to fix the flags?!
Author
Owner

@tomlutzenberger commented on GitHub (Jun 22, 2016):

I seriously wonder how this is even supposed to work...
High contrast modes are always associated with color reduction.

@Rak- How about a screenshot or something?
You can't just drop a line with almost no information and expect that it get fixed.

<!-- gh-comment-id:227683117 --> @tomlutzenberger commented on GitHub (Jun 22, 2016): I seriously wonder how this is even supposed to work... High contrast modes are always associated with color reduction. @Rak- How about a screenshot or something? You can't just drop a line with almost no information and expect that it get fixed.
Author
Owner

@lipis commented on GitHub (Jun 22, 2016):

I'm already fixing it.. :P

<!-- gh-comment-id:227685692 --> @lipis commented on GitHub (Jun 22, 2016): I'm already fixing it.. :P
Author
Owner

@Rak- commented on GitHub (Jun 22, 2016):

@tomlutzenberger here you find the attachment of sample page
flags

<!-- gh-comment-id:227690928 --> @Rak- commented on GitHub (Jun 22, 2016): @tomlutzenberger here you find the attachment of sample page ![flags](https://cloud.githubusercontent.com/assets/4298908/16261561/b7fb9d32-3889-11e6-930c-c53795247302.png)
Author
Owner

@Rak- commented on GitHub (Jun 22, 2016):

@lipis below code may help you in fixing this issue please find the below mention sample code

@media screen and (-ms-high-contrast: active) {
/need to add class name with backround images over here/
.flag-icon-ad {
background-image: url(../../../../images/oneprofile/flags/4x3/ad.svg);
}
}

@media screen and (-ms-high-contrast: black-on-white) {
/need to add class name with backround images over here/
.flag-icon-ad {
background-image: url(../../../../images/oneprofile/flags/4x3/ad.svg);
}
}

@media screen and (-ms-high-contrast: white-on-black) {
/need to add class name with backround images over here/
.flag-icon-ad {
background-image: url(../../../../images/oneprofile/flags/4x3/ad.svg);
}
}


If possible need this fix bye 27 of this month,

<!-- gh-comment-id:227691491 --> @Rak- commented on GitHub (Jun 22, 2016): @lipis below code may help you in fixing this issue please find the below mention sample code @media screen and (-ms-high-contrast: active) { /_need to add class name with backround images over here_/ .flag-icon-ad { background-image: url(../../../../images/oneprofile/flags/4x3/ad.svg); } } @media screen and (-ms-high-contrast: black-on-white) { /_need to add class name with backround images over here_/ .flag-icon-ad { background-image: url(../../../../images/oneprofile/flags/4x3/ad.svg); } } @media screen and (-ms-high-contrast: white-on-black) { /_need to add class name with backround images over here_/ .flag-icon-ad { background-image: url(../../../../images/oneprofile/flags/4x3/ad.svg); } } --- **If possible need this fix bye 27 of this month,**
Author
Owner

@tomlutzenberger commented on GitHub (Jun 22, 2016):

I doubt that "fixing" this is possible. Because there is nothing to fix.
High contrast mode means color reduction.
After enabling, in most cases 2-4 colors are left to display.
No colors = no flags.

<!-- gh-comment-id:227696420 --> @tomlutzenberger commented on GitHub (Jun 22, 2016): I doubt that "fixing" this is possible. Because there is nothing to fix. High contrast mode means color reduction. After enabling, in most cases 2-4 colors are left to display. No colors = no flags.
Author
Owner

@lipis commented on GitHub (Jun 22, 2016):

@Rak- No problem man.. I'll make all flags black and white only for you by 25th of this month.. anything else?! Maybe you also need some help with other parts of the project like in this issue #262..

<!-- gh-comment-id:227697770 --> @lipis commented on GitHub (Jun 22, 2016): @Rak- No problem man.. I'll make all flags black and white only for you by 25th of this month.. anything else?! Maybe you also need some help with other parts of the project like in this issue #262..
Author
Owner

@Rak- commented on GitHub (Jun 22, 2016):

@lipis not required issues #262.
Thanks for your time. If possible please give it on 24 of this month,

<!-- gh-comment-id:227721538 --> @Rak- commented on GitHub (Jun 22, 2016): @lipis not required issues #262. Thanks for your time. If possible please give it on 24 of this month,
Author
Owner

@lipis commented on GitHub (Jun 22, 2016):

@Rak- Jokes aside.. nobody will do anything! There is no point of having black/white flags.. if you really need it.. good luck!

<!-- gh-comment-id:227737558 --> @lipis commented on GitHub (Jun 22, 2016): @Rak- Jokes aside.. nobody will do anything! There is no point of having black/white flags.. if you really need it.. good luck!
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/flag-icons#174
No description provided.