Validating Four Image Gallery on the Event Website

Overview

The Four Image Gallery component allows participants to view four images displayed side by side on the event website. Validating the Four 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 Four 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 Four Image Gallery is configured.

2. Validate the Four Image Gallery Component

• Locate the Four Image Gallery on the event webpage.
• Verify that all four 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.
• Verify that you are redirected to the correct destination.
• Confirm that the destination opens in the correct tab or window (same tab or new tab).
• Repeat the validation steps for the remaining three images.
• Navigate back to the webpage and ensure that all images continue to function consistently.
• Refresh the page to confirm that all four images load properly without errors.