[Accessibility] [Character Counter] Initial Value> Inappropriate label is used for 'Initial Value Character Counter' text field

[silvalaura]

A11Y-513

Environment: Windows 11/Chrome 137/JAWS 2025 Windows 11/Edge 136/NVDA 2025 Mac 15/Safari/VoiceOver

Steps to Reproduce:

1. Open the URL – https://react-magma.cengage.com/version/4.9.1/api/tooltip/
2. Turn on the screen reader (JAWS/NVDA/VoiceOver).
3. Navigate to the 'Character Counter' component page from the left navigation.
4. Under the 'Initial Value' section, locate the character counter text field.
5. Listen to the label announced by the screen reader or inspect the visible label text.

Actual Result:

The visible and programmatic label for the text field is incorrectly written as “Initial Value Character Counter” (spelling error: "Initial" instead of "Initial"). This can cause confusion or misinterpretation for both screen reader users and sighted users.

Refer to screencast: https://app.screencast.com/A6argJWheuVn5

Expected Result:

The text field label should be correctly spelled and clearly describe the purpose of the input. It should read “Initial Value Character Counter” to avoid confusion and ensure clarity for all users, including those using screen readers.

User Impact: Users with cognitive or visual disabilities may misinterpret the purpose of the input due to the typo, and screen reader users may struggle with associating the field correctly.

WCAG Guideline: 2.4.6 Headings & Labels (AA)

Bug Fix Recommendation: Update the label text from “Initial” to “Initial” to correct the spelling error in both the visible label and the associated programmatic name (e.g., aria-label, label, or aria-labelledby).