![]() ![]() What are the rules? #ĪA AAA Body text ( 24px) 3 4.5 UI (icons, graphs, etc.) 3 not definedĪ higher contrast ratio is scored with a higher number, like 4.5 or 7 instead of 3. Eventually an even more reliable way will be adopted, but, currently, WCAG is the best we have. There are known issues with this calculation, though. WCAG defines some rules and calculation algorithms around what that contrast ratio needs to be in order for the web to be accessible. ![]() ![]() Luminance is a way of describing how close a color is to black (0%) or white (100%). The relationship between two colors in WCAG 2.1 is described by their contrast ratio-that is, the number you get when you compare the luminance of two colors. The latest stable version, WCAG 2.1, covers an important accessibility requirement: minimum contrast. The guidelines that underpin these standards are called the Web Content Accessibility Guidelines, or WCAG. W3C’s Web Accessibility Initiative provides strategies, standards, and resources to ensure that the internet is accessible for as many people as possible. By the end of this post you'll have three new tools and techniques for inspecting, correcting, and verifying your web design contrast so you can tackle the hardest scenarios. Sometimes testing contrast is easy and sometimes it's really hard. While all of the examples may be readable to you, this isn't the case for everyone.Īccessible color contrast is a practice that ensures text is readable for everyone. Say you have some text on a light background, like this: ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |