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

Add ability to visually replace separator block with an image #34743

Open
cbirdsong opened this issue Sep 10, 2021 · 0 comments
Open

Add ability to visually replace separator block with an image #34743

cbirdsong opened this issue Sep 10, 2021 · 0 comments
Labels
[Block] Separator Affects the Separator Block [Type] Enhancement A suggestion for improvement.

Comments

@cbirdsong
Copy link

What problem does this address?

When laying out a heavily art-directed post/page it's often nice to have a custom-designed separator element to make the whole thing feel a bit more cohesive. The current ways to accomplish this in Gutenberg are:

  • Changing the color of the separator block. This is a nice option, but it's obviously pretty limited.
  • Using an image block. This works visually but is not accessible, since it carries no semantic meaning for screen readers or reader view. As far as they're concerned it's just another image.

What is your proposed solution?

Add the ability to replace the separator block with an image, implemented either using a background image on the <hr> tag or an <img> tag with role="separator". Sara Soueidan has a great blog post demonstrating these two approaches and going over the pros/cons of each one: https://www.sarasoueidan.com/blog/horizontal-rules/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Separator Affects the Separator Block [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

2 participants