Problem/Motivation

Noticing that sometimes editors tend to format entire paragraphs bold or italic, we also notice that this inflicts accessibility issues.

Resolution

Add CKEditor styles

  • span.bold|Bold (faux)
  • span.italic|Italic (faux)

This is not automatically educating editors to format copy text screenreader-friendly but at least we provide a possibility.

While we are at it, let's add some more options:

  • span.mark|Textmarker to mark parts in a Draft that need rework
  • blockquote.callout|Callout extra highlighted blockquote (professional magazine editors like that)
  • blockquote.plain|Blockquote simple Blockquote with less visual emphasis to still allow accessible editing
  • span.quotee|Quotee quoted person inside a blockquote (yes, figcaption would be appropriate but support is lacking
  • a.cta|CtA Link button-like styling for call-to-action links (still different from buttons to avoid confusion)

Comments

hexabinaer created an issue. See original summary.

tobiasb’s picture

Assigned: hexabinaer » tobiasb
Category: Task » Feature request

  • tobiasb committed 1b8508de on 2.6.x
    feat: #3578038 Provide more generally useful CKEditor styles. Follow up...

  • tobiasb committed 75ab2da0 on 2.6.x
    feat: #3578038 Provide more generally useful CKEditor styles
    

  • tobiasb committed 1b8508de on 3.0.x
    feat: #3578038 Provide more generally useful CKEditor styles. Follow up...

  • tobiasb committed 75ab2da0 on 3.0.x
    feat: #3578038 Provide more generally useful CKEditor styles
    
tobiasb’s picture

Assigned: tobiasb » Unassigned
Status: Active » Fixed

Done.

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.