Skip to content

Commit 1f771dc

Browse files
committed
Add programmatic label to Simplified Summary textarea
The Simplified Summary textareas in the editor sidebar relied solely on placeholder text for their accessible name, which disappears once the user types. Add a visually hidden label so assistive technology always announces the field's purpose (WCAG 3.3.2). Fixes #1766 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016H6Hjd5LrCUVG8LYiQ6y7X
1 parent 27c4c59 commit 1f771dc

1 file changed

Lines changed: 4 additions & 0 deletions

File tree

src/sidebar/components/Panels/ReadabilityAnalysis.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -362,6 +362,8 @@ const ReadabilityAnalysis = () => {
362362
{ __( 'Simplified Summary', 'accessibility-checker' ) }
363363
</h4>
364364
<TextareaControl
365+
label={ __( 'Simplified Summary', 'accessibility-checker' ) }
366+
hideLabelFromVision={ true }
365367
value={ summaryText }
366368
onChange={ setSummaryText }
367369
placeholder={ __( 'Enter simplified summary...', 'accessibility-checker' ) }
@@ -403,6 +405,8 @@ const ReadabilityAnalysis = () => {
403405
{ __( 'Simplified Summary', 'accessibility-checker' ) }
404406
</h4>
405407
<TextareaControl
408+
label={ __( 'Simplified Summary', 'accessibility-checker' ) }
409+
hideLabelFromVision={ true }
406410
value={ summaryText }
407411
onChange={ setSummaryText }
408412
placeholder={ __( 'Enter simplified summary...', 'accessibility-checker' ) }

0 commit comments

Comments
 (0)