Skip to content

✨(frontend) add caption font and background color customization#1122

Open
Ovgodd wants to merge 5 commits intomainfrom
feat/caption-style-customization
Open

✨(frontend) add caption font and background color customization#1122
Ovgodd wants to merge 5 commits intomainfrom
feat/caption-style-customization

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Mar 10, 2026

Purpose

Allow users to change caption font and background colors via Settings > Accessibility > Captions.

Capture d'écran 2026-03-10 145822 Capture d'écran 2026-03-10 145829 Capture d'écran 2026-03-10 141058

Proposal

  • Caption font color: Default, White, Black, Blue, Green, Red, Yellow, Cyan, Magenta
  • Caption background color: same palette (Default = white text on black background)
  • Changes apply immediately when updated
  • Preferences stored in localStorage
  • i18n for all labels and options (en, fr, de, nl)
  • Accessible labels and keyboard support via React Aria

@Ovgodd Ovgodd requested a review from lebaudantoine March 10, 2026 14:04
@Ovgodd Ovgodd self-assigned this Mar 10, 2026
@Ovgodd Ovgodd added the enhancement New feature or request label Mar 10, 2026
@Ovgodd Ovgodd added the a11y label Mar 10, 2026
@Ovgodd Ovgodd moved this to In Progress in LaSuite Meet Mar 10, 2026
@Ovgodd Ovgodd force-pushed the feat/caption-style-customization branch from 316b6ca to d51fc93 Compare March 10, 2026 14:15
Ovgodd added 5 commits March 10, 2026 15:17
…tore

i

Persist captionFontColor and captionBackgroundColor in user preferences.
EN, FR, DE, NL for Accessibility > Captions > Font color / Background color.
Select font color and background color in Accessibility > Captions.
Use captionFontColor and captionBackgroundColor in Transcription component.
Add "Default" option (white text on black background) for font and background.
@Ovgodd Ovgodd force-pushed the feat/caption-style-customization branch from d51fc93 to 4cc7799 Compare March 10, 2026 14:18
@Ovgodd Ovgodd marked this pull request as ready for review March 10, 2026 14:18
@sonarqubecloud
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y enhancement New feature or request

Projects

Status: In Progress

Development

Successfully merging this pull request may close these issues.

1 participant