input type=color element test

Pass Criteria

  • #1: Element is supported
  • #2: Correct HTML and Core Accessibility API mappings
  • #3: Correct Accessible Name & Description Calculation
  • #4: Control is keyboard accessible:
    • #4.1: Control MUST be focusable, including any child controls
    • #4.2: MUST be able to open color control and select a color

Reference

Test ci-001: Unlabelled input type=color

Test ci-002: input type=color with aria-label

aria-label should be used as accessible name

No accessible description.

Test ci-003: input type=color with aria-labelledby

p referenced by aria-labelledby

aria-labelledby should be used as accessible name

No accessible description.

Test ci-004: input type=color with label

label should be used as accessible name

No accessible description.

Test ci-005: input type=color with title attribute

title should be used as accessible name

No accessible description.

Test ci-006: input type=color with aria-describedby

p referenced by aria-describedby

aria-describedby should be used as accessible description

No accessible name.

Test ci-007: input type=color with label element & title attribute

label should be used as accessible name

title should be used as accessible description

AltStyle によって変換されたページ (->オリジナル) /