tekstcontrast

Tekstcontrast, or text contrast, refers to the difference in luminance or color between text and its background that makes the text distinguishable. It is a core factor in readability and legibility across media, from digital interfaces to printed materials.

In accessibility and inclusive design, adequate tekstcontrast supports users with visual impairments, color vision deficiencies, and older readers, as well as users in bright environments. Good text contrast also enhances overall usability by reducing eye strain and improving quick comprehension.

Standards and measurements for tekstcontrast are largely defined by the Web Content Accessibility Guidelines (WCAG). These guidelines specify contrast ratios computed from relative luminance. For normal text, the minimum ratio is 4.5:1; for large text (18-point or 14-point bold), the minimum is 3:1. Non-text elements, such as icons or user interface components, have separate contrast requirements, and states such as hover or focus must maintain adequate contrast.

Tools and practice include color contrast analyzers and browser-based accessibility audits. The calculation uses the foreground and background colors’ relative luminance, and a ratio of 21:1 (black on white) represents maximal contrast. In real-world design, teams test against multiple devices and lighting conditions, including dark mode.

Practical considerations involve selecting color pairs with sufficient contrast in all content contexts, including images with overlays, and across modes (light/dark). Relying on color alone to convey information should be avoided; additional cues like typography weight, shapes, underlines, or icons improve accessibility.

Applications and scope of tekstcontrast span web and app design, typography, and accessibility compliance, making it a standard topic in UX audits, design systems, and quality assurance.