meter element test

Pass Criteria

Reference

Test mr-001: Meter element

fallback content

Code

<meter id="meter1" min="0" max="100" value="83.5">fallback content</meter>

Test mr-002: Meter with aria-label

Aria-label should be used as accessible name

No accessible description.

Code

<meter id="meter2" aria-label="aria-label attribute" min="0" max="100" value="83.5"></meter>

Test mr-003: Meter with aria-labelledby

p referenced by aria-labelledby

Aria-labelledby should be used as accessible name

No accessible description.

Code

<p id="mr-003-labelledby">p referenced by aria-labelledby</p>
<meter id="input3" aria-labelledby="mr-003-labelledby" min="0" max="100" value="83.5"></meter>

Test mr-004: Meter with label

Label should be used as accessible name

No accessible description.

Code

<label>label wrapping meter <meter id="meter4" min="0" max="100" value="83.5"></meter></label>

Test mr-005: Meter with title attribute

Title should be used as accessible name

No accessible description.

Code

<meter id="input5" title="title attribute" min="0" max="100" value="83.5"></meter>

Test mr-006: Meter with aria-describedby

p referenced by aria-describedby

Aria-describedby should be used as accessible description

No accessible name.

Code

<meter id="meter6" aria-describedby="mr-006-describedby" min="0" max="100" value="83.5"></meter>
<p id="mr-006-describedby">p referenced by aria-describedby</p>

Test mr-007: Meter with label element & title attribute

Label should be used as accessible name

Title should be used as accessible description

Code

<label for="meter7">label referenced by for/id attributes</label>
<meter id="meter7" title="title attribute" min="0" max="100" value="83.5"></meter>