<div aria-live="polite" aria-atomic="true" class="liveregion visuallyhidden">Item 2 of 3</div>
The content of the live region is updated only when use press on side arrows or stop/resume the auto scrolling, but not when user press on page number directly. So: the example seems incomplete to me.