Core Code
Core Code Modern Dev Handbook

Accessible Color Contrast

High contrast improves readability for users.

Preview

Code

<style>
.text{
color:#111;
background:#f9fafb;
padding:10px;
}
</style>

<p class="text">Readable text with good contrast</p>

More CSS Accessibility Examples (8)

example Visible Focus Style open example example Accessible Link Styling open example example Readable Font Size open example example Readable Spacing open example example Hover and Focus States open example example Accessible Form Focus open example example Large Click Targets open example example Disabled Element Style open example