Link preview image to live example using WordPress Playground

[juanmaguitar]

Embed preview of the example in the Handbook page using iframe and WordPress Playground

Unfortunately, GitHub doesn't seem to allow iframe due to security reasons, so a workaround could be providing an image with the preview linked to the live example using WordPress Playground

[alexstine]

@juanmaguitar Image needs ALT text to describe where the link is going.

[juanmaguitar]

@juanmaguitar Image needs ALT text to describe where the link is going.

Thanks a lot, @alexstine! I came back to the PR to add exactly that 🙂

[github-actions]

Flaky tests detected in 0fc1847.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/6927883788
📝 Reported issues:

• [Flaky Test] should partially select with shift + click (@webkit) #53524 in /test/e2e/specs/editor/various/multi-block-selection.spec.js

[alexstine]

@juanmaguitar A lot of screen readers still ignore the `title attribute so the ALT text here needs to communicate where the link goes, not what the screenshot shows. ALT text should always describe the image excluding the times when the image is a link, then the destination page should be described.

[juanmaguitar]

@juanmaguitar A lot of screen readers still ignore the `title attribute so the ALT text here needs to communicate where the link goes, not what the screenshot shows. ALT text should always describe the image excluding the times when the image is a link, then the destination page should be described.

@alexstine I wasn't aware of this. Thanks for the clarification! I have approved your suggestion.

[alexstine]

👍