Use a point instead of a comma to create the pause.
By default the content is hidden by using the "clip" css feature.
If the property "position" is set, the content is hidden outside the screen to the "left: -10000px".
Sets the position static.
Sets the content "top: -500px" instead of "left: -10000px" outside the screen when property "position" is set.
Generated using TypeDoc
Creates a pause in screen readers most of the time by placing a ", " or ". ".
Sometimes the comma and/or the point is read out. In other cases it creates a re-read of content, might prevent the read out of an element role or creates an announcement of clickable areas. You have to test in each case and see what is tolerable or even welcomed.
Try to avoid placing a pause inside a headline, link or similar elements. It might cause the screen reader to announce the element (e.g. headline) twice, at the beginning AND at the end where the pause is placed. Place the pause outside of the element instead.
If you get stuck while tabbing through your elements with a screen reader on (mainly Windows Narrator), you could add a hylo-sr-pause before or after the stucked element like <hylo-sr-pause tabindex="0" role="definition" class="ion-hide-sm-down"/>.
An element might get stuck mostly when in combination with a input element like an input field and a submit button when pressing the button.