Validating Three Image Gallery on the Event Website

Overview

The Three Image Gallery component allows participants to view three images displayed side by side on an event webpage. Validating the Three Image Gallery ensures that all images are visible, load correctly, include appropriate alternative text, and behave as expected when selected. This article explains how participants can validate the Three Image Gallery component on the event website.

Step-by-Step Approach

1. Access the Event Website

• Open the event website using the link provided by the organizer.
• Navigate to the webpage where the Three Image Gallery is configured.

2. Validate the Three Image Gallery Component

• Locate the Three Image Gallery on the event webpage.
• Verify that all three images are visible and displayed correctly without distortion.
• Confirm that the images are aligned properly within the page layout.
• Check that image titles (if configured) are displayed correctly.
• Hover over or inspect each image to ensure alternative (Alt) text is available for accessibility.
• Click the first image if it is configured with a navigation URL and verify redirection to the correct destination.
• Confirm that the destination opens in the correct tab or window.
• Repeat the validation steps for the second and third images.
• Navigate back to the webpage and ensure all images continue to function consistently.
• Refresh the page to confirm that all images load properly without errors.