feat(gallery): redesign gallery with intent-driven landing - #2140
Open
mcanouil wants to merge 3 commits into
Open
feat(gallery): redesign gallery with intent-driven landing#2140mcanouil wants to merge 3 commits into
mcanouil wants to merge 3 commits into
Conversation
Replace the single carousel gallery with an intent-driven landing and six category spoke pages. The landing offers a category chooser, a section rail, and curated featured examples with animated hover previews; each spoke page lists its examples with keyboard-operable category filters and working sort and search. Drive every card from YAML under docs/gallery/data/, with a curated featured.yml and per-category lists, and single-source the feature links and browse chips from that data. Consolidate thumbnails under thumbnails/ and add capture tooling for still, PDF, and video previews, documented in READMEs. Meet WCAG AA on the interactive chips and heading order, keep the legacy implementation for reference, and skip the freeze check for the intentionally deleted freeze entry.
Member
|
/deploy-preview |
Contributor
Expose screenshot descriptions to screen readers via a visually-hidden span, since the thumbnail alt sat inside an aria-hidden link and was dropped from the accessibility tree. Set the decorative thumbnail image alt to empty. Emit a single h1 on the landing by demoting the hero to h2, and stop category names being announced twice by rendering the chooser titles as spans instead of headings. Darken the image-less card gradient so white text meets WCAG AA contrast, and add an opens-in-new-window cue to external card links.
Cards rendered redundant text such as "rainbowR by rainbowR" where the name matched the author. Replace those names with the site domain derived from the live URL so each card reads "domain by author".
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Replace the carousel gallery with an intent-driven landing plus six category pages. The landing has a category chooser, a section rail, and curated featured examples with animated hover previews. Each category page lists its examples with keyboard-operable filters, sort, and search, and a browse page aggregates everything with chips derived from the data.
Cards are driven by YAML under
docs/gallery/data/, thumbnails consolidated underthumbnails/with capture tooling documented in READMEs, and the interactive chips meet WCAG AA. The legacy gallery is kept underdocs/gallery/legacy/(referenced as a working example for custom listing).