Input
Inputは、ユーザーからのテキスト入力を取得するために使用されるコンポーネントです。
FormControlを使用しない場合は、Inputにaria-labelまたはaria-labelledbyを設定します。
<Input type="email" aria-label="Email address" />
<VStack gap="sm"><Text as="h3" id="label">Email address</Text><Input type="email" aria-labelledby="label" /></VStack>
ARIAロールと属性
| コンポーネント | ロールと属性 | 使い方 |
|---|---|---|
Input | aria-invalid | isInvalidが設定されている場合は"true"を設定します。 |
aria-disabled | isDisabledが設定されている場合は"true"を設定します。 | |
aria-readonly | isReadOnlyが設定されている場合は"true"を設定します。 | |
aria-required | isRequiredが設定されている場合は"true"を設定します。 |
GitHubでこのページを編集する