Using the role="alert" attribute along with aria-live="polite" gives a screen reader the right message too without interrupting their flow.
Next, let's add our constructor method. This method runs as soon as the element is registered. I use constructor instead of connectedCallback() because I want to replace that default HTML that we added earlier as quickly as possible.
Collection
[
|
...
]