role-region-and-accessible-name-calculation-tima11y-description.html

﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>role-region-and-accessible-name-calculation-tima11y-description</title>
</head>
<body>
<p>
This example tests the accessible name calculation used for the role of region.  This example includes a <code>div</code> element with the <code>role</code> attribute set to region.  It is then labelled using the <code>aria-labelledby</code> attribute, the <code>aria-label</code> attribute, and the <code>title</code> attribute.  The <code>aria-labelledby</code> attribute is set to the <code>id</code> of the <code>h1</code> element (which is "Mourning Dove".) The value of the <code>aria-label</code> attribute is set to "Bird Species".  The value of the <code>title</code> attribute is set to "Bird Species-Mourning Dove".
</p>
<p>
According to the specification, a screen reader should assign "Mourning Dove" as the label for the region.
</p>
</body>
</html>