Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New block: core/transcript #44539

Closed
joedolson opened this issue Sep 28, 2022 · 1 comment
Closed

New block: core/transcript #44539

joedolson opened this issue Sep 28, 2022 · 1 comment
Assignees
Labels
[Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). New Block Suggestion for a new block [Status] In Progress Tracking issues with work in progress

Comments

@joedolson
Copy link
Contributor

What problem does this address?

A text transcript is an important type of alternative content for timed media, like audio and video. WordPress offers standard blocks for displaying audio and video, but does not provide a standardized way to display transcripts.

What is your proposed solution?

A transcript block could ensure a stable and standardized way to add alternative content for timed media.

For the disclosure model, the transcript block could consist of a details and summary interaction, where the summary element has a contained heading. The heading should be configurable by the user, but by default should either be h2 or h3.

The details/summary pattern isn't fully mature, but does have broad support. I would still suggest using it rather than rolling a custom disclosure widget, thinking long term. See: https://www.scottohara.me//blog/2022/09/12/details-summary.html

E.g.

<details>
    <summary><h2>Transcript</h2></summary>
    <div>
       <p>Text content.</p>
     </div>
</details>
@joedolson joedolson added the [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). label Sep 28, 2022
@skorasaurus skorasaurus added the New Block Suggestion for a new block label Sep 28, 2022
@carolinan
Copy link
Contributor

carolinan commented Sep 30, 2022

I could see more use cases for a details summary block, perhaps Transcript could be an alias name for such a block.

This block was suggested in the past but the issue was closed because of limited support in IE 11. I don't believe that is valid anymore.

What inner blocks should be allowed?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). New Block Suggestion for a new block [Status] In Progress Tracking issues with work in progress
Projects
None yet
Development

No branches or pull requests

3 participants