TSUI2-006 quality evidence

Theme, density, and difficult-content fixtures

This standalone route imports only emitted Thin-Sky package styles. Review every component at browser zoom levels up to 200%, with forced colors enabled, and with reduced motion enabled.

SpotCheck quality review checklist

Use the free SpotCheck WCAG 2.2 bookmarklets during human review of this page. Bookmarklets are not Library dependencies and must not be vendored into @thin-sky/ui.

  1. Landmark Visualizer — Confirm one named main, named scenario nav, and distinct landmark names across theme variants.
  2. Link Accessibility Auditor — Check scenario links and in-fixture links for empty or generic names (“click here”, “read more”).
  3. Heading Validator — One page h1; fixture blocks use h2 → h3 without skips.
  4. List Identifier — Breadcrumbs and other lists are non-empty and use semantic ul/ol.
  5. Tab Order Visualizer — Walk form controls and dialogs; no positive tabindex; confirm tab order matches reading order.
  6. Text Contrast Checker — Spot-check text and UI chrome at comfortable/compact densities and high-contrast theme where available.
  7. Alt Text Checker — Meaningful images have descriptive alt; decorative media are intentionally empty or aria-hidden.
  8. Input Label Checker — Every visible control in each fixture has a visible label, aria-label, or aria-labelledby.

Automated axe + DOM audits cover a subset of these checks in the browser suite (run locally and by bun run predeploy); screen-reader pairing review remains a separate release-readiness step.

Neutral · Comfortable

Button

Tabs

Product details remain authored content.

Text input

Used only for order updates.
Delivery timing depends on the selected region.

Choice controls

Contact preference
You can revise these instructions before dispatch.

Dialog

Confirm order details

Review the delivery details before confirming this order.

Toast

Changes published

The pricing page is live.

Alert

Shipping delay

Your order may arrive one day later due to extended customs checks.

Badge

NewIn stockLow stockExpired

Card

RBOrder #1042Paid

Ready to ship from the Montreal workshop.

Breadcrumbs

  1. Home
  2. Shop
  3. Canvas workshop tote

Pagination

Previous123Next

Hero

Field notes

Stories that travel farther than the feed

A deliberately long localized explanation remains readable at every container width.

Read independently

Featured image unavailable.

Product card

Neutral · Compact

Button

Tabs

Product details remain authored content.

Text input

Used only for order updates.
Delivery timing depends on the selected region.

Choice controls

Contact preference
You can revise these instructions before dispatch.

Dialog

Confirm order details

Review the delivery details before confirming this order.

Toast

Changes published

The pricing page is live.

Alert

Shipping delay

Your order may arrive one day later due to extended customs checks.

Badge

NewIn stockLow stockExpired

Card

RBOrder #1042Paid

Ready to ship from the Montreal workshop.

Breadcrumbs

  1. Home
  2. Shop
  3. Canvas workshop tote

Pagination

Previous123Next

Hero

Field notes

Stories that travel farther than the feed

A deliberately long localized explanation remains readable at every container width.

Read independently

Featured image unavailable.

Product card

Thin-Sky · Comfortable

Button

Tabs

Product details remain authored content.

Text input

Used only for order updates.
Delivery timing depends on the selected region.

Choice controls

Contact preference
You can revise these instructions before dispatch.

Dialog

Confirm order details

Review the delivery details before confirming this order.

Toast

Changes published

The pricing page is live.

Alert

Shipping delay

Your order may arrive one day later due to extended customs checks.

Badge

NewIn stockLow stockExpired

Card

RBOrder #1042Paid

Ready to ship from the Montreal workshop.

Breadcrumbs

  1. Home
  2. Shop
  3. Canvas workshop tote

Pagination

Previous123Next

Hero

Field notes

Stories that travel farther than the feed

A deliberately long localized explanation remains readable at every container width.

Read independently

Featured image unavailable.

Product card

Thin-Sky · Compact

Button

Tabs

Product details remain authored content.

Text input

Used only for order updates.
Delivery timing depends on the selected region.

Choice controls

Contact preference
You can revise these instructions before dispatch.

Dialog

Confirm order details

Review the delivery details before confirming this order.

Toast

Changes published

The pricing page is live.

Alert

Shipping delay

Your order may arrive one day later due to extended customs checks.

Badge

NewIn stockLow stockExpired

Card

RBOrder #1042Paid

Ready to ship from the Montreal workshop.

Breadcrumbs

  1. Home
  2. Shop
  3. Canvas workshop tote

Pagination

Previous123Next

Hero

Field notes

Stories that travel farther than the feed

A deliberately long localized explanation remains readable at every container width.

Read independently

Featured image unavailable.

Product card

Thin-Sky · Comfortable

Narrow containerLong + localized

Button

Tabs

Product details remain authored content.

Text input

Nous utiliserons cette adresse uniquement pour envoyer les mises à jour relatives à votre commande.
Les délais de livraison dépendent de la région sélectionnée.

Choice controls

Préférence de contact
Vous pourrez modifier ces instructions avant l’expédition.

Dialog

Confirm order details

Bitte prüfen Sie Lieferadresse, Zahlungsmethode und den sehr langen lokalisierten Produktnamen, bevor Sie diese Bestellung verbindlich bestätigen.

Toast

Modifications publiées

La page tarifs est en ligne.

Alert

Retard d’expédition

Votre commande pourrait arriver un jour plus tard en raison des contrôles douaniers prolongés.

Badge

NouveauEn stockStock limitéExpiré

Card

RBCommande n° 1042Payée

Prête à expédier depuis l’atelier de Montréal.

Breadcrumbs

  1. Accueil
  2. Boutique
  3. Sac fourre-tout en toile extrêmement résistante — édition atelier, bleu crépuscule

Hero

Carnets de terrain

Des histoires qui voyagent plus loin que le fil d’actualité

Une explication localisée et volontairement longue reste lisible à chaque largeur de conteneur.

Lire en toute indépendance

Image vedette indisponible.

Product card

Neutral · Compact

Narrow containerLong + localized200% text stress

Button

Tabs

Product details remain authored content.

Text input

Nous utiliserons cette adresse uniquement pour envoyer les mises à jour relatives à votre commande.
Les délais de livraison dépendent de la région sélectionnée.

Choice controls

Préférence de contact
Vous pourrez modifier ces instructions avant l’expédition.

Dialog

Confirm order details

Bitte prüfen Sie Lieferadresse, Zahlungsmethode und den sehr langen lokalisierten Produktnamen, bevor Sie diese Bestellung verbindlich bestätigen.

Toast

Modifications publiées

La page tarifs est en ligne.

Alert

Retard d’expédition

Votre commande pourrait arriver un jour plus tard en raison des contrôles douaniers prolongés.

Badge

NouveauEn stockStock limitéExpiré

Card

RBCommande n° 1042Payée

Prête à expédier depuis l’atelier de Montréal.

Breadcrumbs

  1. Accueil
  2. Boutique
  3. Sac fourre-tout en toile extrêmement résistante — édition atelier, bleu crépuscule

Hero

Carnets de terrain

Des histoires qui voyagent plus loin que le fil d’actualité

Une explication localisée et volontairement longue reste lisible à chaque largeur de conteneur.

Lire en toute indépendance

Image vedette indisponible.

Product card