`<img>` elements should have alternative text

[coseeian]

Title

<img> elements should have alternative text

Description

The Creative Commons license badge image on the 3D Geometries example page lacks alternative text. According to WCAG 2.1 Success Criterion 1.1.1 (Non-text Content), all non-text content must have a text alternative that serves the equivalent purpose.

Alternative text is essential for screen readers to convey image content. Without alt text, screen readers cannot translate visual information into speech or braille, making images inaccessible.

Steps to Reproduce

1. Go to /examples/3d-geometries/
2. Locate the following element:

<img src="/images/by-nc-sa.svg">

Actual Behavior

The Creative Commons license badge image is rendered without any alternative text. This violation has a "critical" impact level according to axe-core accessibility testing.

Expected Behavior

The image should have an accessible name that describes its content and purpose. This can be achieved by adding an alt attribute with descriptive text.

Environments

All.

Suggested Fix

Add a descriptive alt attribute to the image element, e.g.:

  <img src="/images/by-nc-sa.svg" alt="Creative Commons BY-NC-SA License">

Reference

WCAG:

• Success Criterion 1.1.1 Non-text Content (Level A)

WCAG Techniques:

• H37: Using alt attributes on img elements

Deque University:

• https://dequeuniversity.com/rules/axe/4.11/image-alt

What is your operating system?

None

Web browser and version

No response