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 navigation">keyboard navigation support.

Descriptive text added to images that screen readers announce to visually impaired users and search engines use to understand image content. Good alt text describes the image's content and purpose, not just its appearance—'Team celebrating product launch' is better than 'people in office.' Framer makes adding alt text simple through the image properties panel.

An HTML attribute that provides accessible names for elements that lack visible text labels, helping screen readers describe interactive elements. These are essential for icon buttons, decorative links, and complex widgets where the visual context isn't available to assistive technology. Use aria-label when there's no visible text, and aria-labelledby to reference existing text on the page.

The visual appearance of an interactive element when it receives keyboard focus, which is critical for accessibility. Focus states must remain clearly visible; do not remove them without providing an equally visible replacement. A strong focus style improves usability for keyboard and assistive-technology users.