details element with summary element

Pass Criteria

Reference

Test ds-001: Details and Summary elements

Summary text

Summary subtree should be used as accessible name

No accessible description.

Test ds-002: Details element with open attribute

Am I open?

This should be expanded by default

Test ds-003: Summary element with aria-label attribute

Summary text

Aria-label should be used as accessible name

Summary subtree should be used as accessible description

Test ds-004: Summary element with aria-labelledby attribute

Summary text

p referenced by aria-labelledby

Aria-labelledby should be used as accessible name

Summary subtree should be used as accessible description

Test ds-005: Summary element with title attribute

Summary text

Summary subtree should be used as accessible name

Title attribute should be used as accessible description

Test ds-006: Empty Summary element with title attribute

Title attribute should be used as accessible name

No accessible description.

Test ds-007: Empty Summary element without title attribute

User-Agent should provide own text string as accessible name

No accessible description.

Test ds-008: Summary element with aria-describedby attribute

Summary text

p referenced by aria-describedby

Aria-describedby should be used as accessible description

Summary subtree should be used as accessible name

Test ds-009: Summary element containing a heading

Summary text

A single heading element is allowable as the content of a summary element.

See the HTML 5.1 specification for summary.

Test ds-010: details element with aria-label

Summary text

Does aria-label get announced when on a details element?