input type=number element

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 type and edit text
  • #4.3: Any child controls, such as number spinners, MUST be able to be activated
• #5: Validation error message is presented to the user

Reference

• HTML input type=number element
• HTML Accessibility API Mappings for input type=number element
• Core Accessibility API Mappings for spinbutton role
• Accessible Name Calculation
• Accessible Description Calculation

Aria-label should be used as accessible name

No accessible description.

Aria-labelledby should be used as accessible name

No accessible description.

Label should be used as accessible name

No accessible description.

Title should be used as accessible name

No accessible description.

Aria-describedby should be used as accessible description

No accessible name.

Label should be used as accessible name

Title should be used as accessible description