Mark Decorative Images - Elementor

Mark Decorative Images in Elementor

1. Open your WordPress dashboard, navigate to the page you want to edit, and click Edit with Elementor.
2. Select an image that is purely decorative (shapes, textures, styling graphics). The Elementor panel on the left will open its settings.
3. In the Content tab, click the image thumbnail to open the WordPress Media Library.
4. In the Media Library sidebar, locate the Alt Text field.
5. Clear the Alt Text field completely so it is blank.
   • Leaving the field empty tells assistive technologies to ignore the image.
6. Click Update in the Media Library, then click Insert Media to return to Elementor.
7. Verify the image is truly decorative:
   • Keep it blank if the image adds visual style only.
   • If the image conveys meaning (icons, diagrams, product photos), restore descriptive alt text instead.
8. Repeat steps 2–7 for all decorative images on the page, including decorative icons or repeated accent graphics.
9. For background images applied to Sections or Columns:
   • Select the Section or Column → Style → Background.
   • No alt text is allowed on background images—these are treated as decorative by default.
   • If the background image holds meaning, add equivalent text in the same section.
10. For images inserted through an HTML widget:
    • Select the HTML widget and locate the <img> tag.
    • Set alt="" to mark it as decorative.
11. Click Update to save your page.
12. Preview the page and use your browser’s accessibility inspector to confirm decorative images show alt="" or no alt attribute (background images).