Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 8 additions & 3 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,14 @@ hide:
<a class="md-button" href="downloads/">Download app</a>
</div>
</div>
<figure class="hero__media">
<img src="https://files.opengeos.org/GeoLibre-demo.webp" alt="GeoLibre map interface showing the GIS workspace">
</figure>
<div class="hero__media">
<figure>
<img src="https://assets.geolibre.app/images/GeoLibre-demo.webp" alt="GeoLibre map interface showing the GIS workspace">
</figure>
<figure>
<img src="https://assets.geolibre.app/images/nyc-buildings.webp" alt="Manhattan buildings extruded in 3D and colored by construction era, with MTA subway lines and stations and an auto-generated legend">
</figure>
Comment on lines +26 to +35

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very low confidence, quality/a11y nit: both hero images are now wrapped in <a> links with a title attribute describing the destination ("Open the 3D Tiles map" / "Open the New York City buildings and subways map"), but no visible/link text. Screen readers typically derive a link's accessible name from the child <img alt> (which describes the image content, e.g. "GeoLibre map interface showing the GIS workspace") rather than reliably announcing title. Consider an aria-label on the <a> (or reusing the title text as the accessible name) if the destination context should be conveyed to AT users — optional, not blocking.

</div>
</section>

## What GeoLibre does today
Expand Down
6 changes: 6 additions & 0 deletions docs/stylesheets/extra.css
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,12 @@
}

.hero__media {
display: grid;
gap: 1rem;
margin: 0;
}

.hero__media figure {
margin: 0;
}

Expand Down
Loading