PageLoader

Structure

PageLoader renders a native HTML <div> element by default, though the as prop can render a different element in its place. It has no inherent interactivity, semantic role, or ARIA attributes.

Inside, an <img> element displays the branding or illustrative image when imageSrc is set, and a Spinner renders beneath it with the shouldShowLoadingText prop always enabled so its label remains visible. The Spinner itself has no ARIA attributes or semantic role. For more information, see the Spinner for its own accessibility behavior, including how it responds to reduced motion.

Effective alt text

The default Customer.io logo's alt text is empty to denote the image is decorative, thus hiding it from the accessibility tree. Provide appropriate alt text for a custom image when it communicates context further than the label will.

Be mindful that alt text is required for the best user experience and accessibility. For more information on deciding when and how to use proper alt text, see W3C's An alt Decision Tree.