eBay

Techniques: Live Regions

If an area of a page is dynamically updated without a full page reload, we might, but not always, need to inform the user.

<div aria-live=”polite”>
    <p>Newcastle 0 - Barcelona 0</p>
</div>

Whenever the contents or visibility of this live region changes, the screen reader will announce the changed content.

<div aria-live=”polite”>
    <p>Goal!</p>
</div>

Screen reader announces “Goal!”

<div aria-live=”polite”>
    <p>Newcastle 1 - Barcelona 0</p>
</div>

Screen reader announces “Newcastle 1 - Barcelona 0"

results matching ""

    No results matching ""