The practice of designing websites that can be used by everyone, including people with visual, auditory, motor, or cognitive disabilities. Beyond being ethically important, accessibility improves SEO, expands your audience, and is legally required in many jurisdictions. Key practices include proper heading structure, alt text for images, sufficient color contrast, and navigationkeyboard navigation support.

The difference in luminance between foreground and background colors, critical for text readability and accessibility. WCAG guidelines require minimum contrast ratios of 4.5:1 for normal text and 3:1 for large text. Use contrast checking tools to ensure your color combinations are accessible to users with visual impairments. See Understanding contrast ratio.

The structured use of heading levels (H1-H6) to organize content and communicate importance to users and search engines. Proper heading hierarchy improves accessibility, SEO, and content scanability. Use only one H1 per page and don't skip levels for visual styling. See Text styles and semantic tags.

Assistive software that converts on-screen content into speech or braille for people with visual impairments. Good screen-reader support requires htmlsemantic HTML, proper heading structure, and clear labels. Testing with screen readers helps catch accessibility issues early.

A word or phrase that users search for, targeted in content and SEO strategy to attract relevant traffic. Research keywords to understand user intent and competition before creating content. Incorporate keywords naturally in titles, headings, and body text without overstuffing.

Temporary content indicating where final content will appear, helping visualize layouts before content is ready. Placeholders can be lorem ipsum text, gray boxes, or sample images. Replace placeholders with real content before launch—they can accidentally go live.

The adjustment of space between individual letter pairs to achieve visually balanced text, particularly important in headlines and logos. Poor kerning creates awkward gaps or collisions that undermine professional appearance. Pay special attention to problematic pairs like AV, To, and We where mechanical spacing looks wrong.

Largest Contentful Paint (LCP) measures loading performance by tracking when the largest visible text or image element appears on screen.

Inclusion is a design principle focused on creating experiences that are welcoming, usable, and respectful for diverse users and contexts.

Readability describes how comfortably users can consume written content, influenced by typography, line length, spacing, and visual contrast.

Usability measures how effectively, efficiently, and satisfactorily users can achieve goals within a system or interface.

In Framer, balanced text can make headlines and supporting copy feel more intentional across screen sizes by reducing awkward single-word lines.