Skip to content

fix(ui): TranslatableField hint contrast + aria-describedby (ui 0.7.1) - #19

Merged
rrolf merged 1 commit into
mainfrom
fix/translatable-field-hint
Oct 2, 2026
Merged

rrolf merged 1 commit into
mainfrom
fix/translatable-field-hint

Conversation

@rrolf

@rrolf rrolf commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

Closes #11

  • hint: text-slate-400 (~2.6:1) → text-slate-600 dark:text-slate-300 (AA). Also outdated notice → amber-700, required error → rose-600 dark:rose-400.
  • Hint, outdated notice and required error each get an id and are linked to the input/textarea via aria-describedby (only the ones currently shown).
  • renderInput receives describedBy; RichTextEditor gets a describedBy prop. It is applied to the editable DOM in an effect (also after mount via the create event), because editorProps.attributes are read only once and the set changes at runtime.
  • Version 0.7.1, CHANGELOG (with migration), README example.

Verified in Ausleihbar with a local tgz: the pool form hints are linked and readable; clearing the required name links the error, and refilling removes it. Build and tsc are clean.

🤖 Generated with Claude Code

Hint, outdated notice and required error get AA contrast and are linked
to the input via aria-describedby; renderInput passes describedBy, which
RichTextEditor applies (and updates at runtime). Bump ui to 0.7.1.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@rrolf
rrolf merged commit e1f9d6e into main Oct 2, 2026
6 checks passed
@rrolf
rrolf deleted the fix/translatable-field-hint branch October 2, 2026 14:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

TranslatableField: Hinweistext hat zu wenig Kontrast und ist nicht mit dem Feld verknüpft

1 participant