Rule: Images

Description: Image rules for React web apps (SFDX): default to Unsplash, CSP compliance, and accessibility. Ensures Unsplash is used as the default image source unless the developer provides their own.

Applies to: force-app/main/default/webapplications/*/**/*.{js,jsx,ts,tsx,css,html}

Guidelines:

Default to Unsplash when the user does not specify an image source; it is pre-configured in CSP and works in Salesforce without extra setup.
Use URL format: https://images.unsplash.com/photo-{PHOTO_ID}?w={WIDTH}&h={HEIGHT}&fit=crop&q=80&auto=format (e.g. photo ID 1557683316-973673baf926).
If the user requests a different source, use it and inform: "Add CSP Trusted Site in Setup → Security → CSP Trusted Sites".
Always add descriptive alt text; use alt="" only for decorative images.
Avoid placeholder.com, picsum.photos, via.placeholder.com unless requested.
CSP-approved domains: images.unsplash.com (primary), source.unsplash.com, images.pexels.com.

1020 B Raw Blame History

Rule: Images

1020 B

Raw Blame History