GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • HTML input type=number element
  • Accessible Name Calculation

This view

  • Original page
  • New address

GeezerVison is showing stevefaulkner.github.io — test file: input type=number element

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

Test ni-001: Unlabelled input type="number"

Test ni-002: Input type="number" with aria-label

Aria-label should be used as accessible name

No accessible description.

Test ni-003: Input type="number" with aria-labelledby

p referenced by aria-labelledby

Aria-labelledby should be used as accessible name

No accessible description.

Test ni-004: Input type="number" with label

Label should be used as accessible name

No accessible description.

Test ni-005: Input type="number" with title attribute

Title should be used as accessible name

No accessible description.

Test ni-006: Input type="number" with aria-describedby

p referenced by aria-describedby

Aria-describedby should be used as accessible description

No accessible name.

Test ni-007: Input type="number" with label element & title attribute

Label should be used as accessible name

Title should be used as accessible description

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.