 attribute to the `id` value of any visible text that appropriately and uniquely describes that region's content;
* **Or**, use the `aria-label` attribute to add an invisible, unique, non-empty label to each element with the `"complementary"` role.

For example:

```
<h2 id="weather">Weather portlet</h2>
<div role="complementary" aria-labelledby="weather">
   ...
</div>
    
<div role="complementary" aria-label="Stock ticker portlet">
   ...
</div>
```

</script></mark-down>
<!-- End main panel -->
        