VKUI
VKUI copied to clipboard
[BREAKING CHANGE] Сделать компонент Progress на элементе progress
Сейчас компонент Progress состоит из div элементов, но давно существует уже готовый HTML элемент progress. С ним меняется подход к a11y
До
<div aria-busy="true" aria-describedby="progress-bar">
<!-- content is for this region is loading -->
</div>
<label id="progress-bar-label">
Процесс
</label>
<div
class="Progress"
id="progress-bar"
role="progressbar"
aria-labelledby="progress-bar-label"
aria-valuenow="70"
aria-valuemin="0"
aria-valuemax="100"
>...</div>
После
<div aria-busy="true" aria-describedby="progress-bar">
<!-- content is for this region is loading -->
</div>
<label>
Процесс
<progress id="progress-bar" value="70" max="100"></progress>
</label>