badcoop.blogg.se

Ensure that colors are translated properly, following the hierarchy defined for the default theme. Windows currently offers multiple high contrast modes. Sim Daltonism color blindness simulator (iOS and macOS) by Michel Fortin. Use a color blindness analyzer to confirm your choices.

Ensure that adjacent color shades are distinguishable for color blind people. Red-green color blindness affects up to 8% of males and 0.5% of females. The most common form is red-green color blindness, followed by blue-yellow color blindness and total color blindness. There are different types of color blindness. Color Contrast Valuesįail – Your text doesn’t have enough contrast with the background.ĪA Large – Acceptable contrast for type sizes >= 18px.ĪA – Acceptable contrast for text sizes below 18px.Ĭolour Contrast Analyser contrast and color blindness analyzer (Windows and macOS) by The Paciello Group.Ĭontrast Ratio contrast ratio calculator (Web) by Lea Verou. Windows 10 Accent Colors (used like themes) Accessibility Color Contrastįollow the WCAG 2.0 Level AA guidelines to ensure proper color contrast.

Visit typography for more information on text color. We use white for the background of doorhangers or in-content menus. Ink 70įirefox Grey is commonly used for interfaces (e.g., Firefox light theme). Orange 50įirefox Ink is commonly used for interfaces (e.g., Firefox tab strip on Windows 10 default theme). Purple 30įirefox Orange is only used for branding. Red 50įirefox Purple is commonly used to indicate privacy. Yellow 50įirefox Red is commonly used for errors. Green 50įirefox Yellow is commonly used for warnings. Magenta 50įirefox Green is commonly used to indicate success. We currently have no common usage for it. Teal 50įirefox Magenta is one of our primary colors.

Blue 40įirefox Teal is one of our primary colors. We use blue as accent color for highlighting buttons, links, and active states like the active tab in Firefox default theme. Blueįirefox Blue is one of our primary colors. The color palette includes primary and secondary colors that can be used for interfaces and illustrations.