You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Each .hotgraphic__pin contains an aria-label that describes the visited state, item title and the item count to assistive technologies. The item count refers to the current item index and the total number of items.
There are two globals properties for item count, item and popupPagination. The .hotgraphic__pinaria-label currently reads as "one slash 3" because it's using the popupPagination which sets the visual item count e.g. 1 / 3
Expected behaviour
I'd expect this to read as "Item one of three" as per the Boxmenu item countaria-label.
Use item instead of popupPagination to set itemCount: const itemCount = compile(globals._components?._hotgraphic?.popupPagination || '', { itemNumber: _index + 1, totalItems: _items.length });]
The text was updated successfully, but these errors were encountered:
Subject of the issue
Each
.hotgraphic__pin
contains anaria-label
that describes the visited state, item title and the item count to assistive technologies. The item count refers to the current item index and the total number of items.There are two
globals
properties for item count,item
andpopupPagination
. The.hotgraphic__pin
aria-label
currently reads as "one slash 3" because it's using thepopupPagination
which sets the visual item count e.g. 1 / 3Expected behaviour
I'd expect this to read as "Item one of three" as per the Boxmenu item count
aria-label
.Use
item
instead ofpopupPagination
to setitemCount
:const itemCount = compile(globals._components?._hotgraphic?.popupPagination || '', { itemNumber: _index + 1, totalItems: _items.length });]
The text was updated successfully, but these errors were encountered: