SenseImageComponent

Overview

Category: Display. Selector: sense-image. Import: import { SenseImageComponent } from '@artificialsenselabs/ui';

Loading & LCP

• Inputs loading, srcset, sizes, and fetchPriority forward native attributes — no custom IntersectionObserver.
• LCP / hero: loading="eager" + fetchPriority="high".
• Below-the-fold: loading="lazy" (and responsive srcset when available).

Accessibility

• Pass meaningful alt; use alt="" only for decorative images.
• Load failures replace the image with a visible role="alert" message.
• Changing src clears a prior error so the new image can load.