Project note /
The PlantSpace section on this website switches between three screenshots: Canopy, Greenhouse, and Whisperings. A click looks immediate, but a browser may still need to load and decode the next image. If the reader changes their mind during that wait, the order of completion matters.
The second choice should win
Imagine selecting Discover, then Connect before the Discover image finishes decoding. If every completed decode simply replaced the current panel, a late Discover result could overwrite the newer Connect choice. The screen would show something the reader had already moved past.
The website controller assigns each selection a request number. It waits for image decoding and checks whether that request is still current before switching panels. A later selection invalidates an earlier one. Selecting the already visible panel also cancels a pending replacement. When decoding fails, the current preview remains and a status message explains the problem.
Selection is more than the picture
The tabs support arrow keys, Home, and End. The selected tab, its keyboard focus position, and the associated panel update together. On desktop, scrolling can advance the preview, but a manual selection pauses that progression until the reader chooses “Resume scroll previews.” This makes a deliberate choice stay useful while someone inspects a screen.
During a crossfade, the outgoing panel becomes inert and hidden from assistive technology. When reduced motion is enabled, the transition settles immediately. The JavaScript selection controls also work without the animation libraries. With JavaScript disabled entirely, all three screenshots remain in the page.
What the checks establish
The interaction tests exercise failed decoding, completions arriving out of order, cancellation, keyboard selection, and manual priority using controlled DOM and animation fixtures. Those tests check controller decisions; they do not establish native app accessibility or the experience of every browser and assistive technology.
The new enlarged view is a separate inspection aid: it opens the screenshot in a native browser dialog, supports full-size viewing, and returns focus to the link when closed. A direct image link remains available when dialog support or JavaScript is absent.
Try the development previews, or help review a single Canopy screen. These are website engineering choices, not a claim about released PlantSpace functionality.