ements where the design cannot accommodate suitable visible text, use the `aria-label` attribute to add an invisible, unique, non-empty label to the element.

For example:

```
<html>
<body>
    <main hidden aria-labelledby="title1">
        <h1 id="title1"> Stock Ticker portlet </h1>
	</main>
    
    <div role="main" aria-label="Weather portlet">
        ...
    </div>
</body>
</html>
```

</script></mark-down>
<!-- End main panel -->
                <!-- This is where the rule id is injected -->
        