diff --git a/src/core/render/index.js b/src/core/render/index.js
index 2566a1920..ea0d985e0 100644
--- a/src/core/render/index.js
+++ b/src/core/render/index.js
@@ -416,6 +416,8 @@ export function Render(Base) {
let navAppendToTarget = dom.body;
if (el) {
+ navEl.setAttribute('aria-label', 'secondary');
+
if (config.repo) {
html += tpl.corner(config.repo, config.cornerExternalLinkTarget);
}
diff --git a/src/core/render/progressbar.js b/src/core/render/progressbar.js
index 613de9285..29d0dfe79 100644
--- a/src/core/render/progressbar.js
+++ b/src/core/render/progressbar.js
@@ -10,6 +10,10 @@ function init() {
const div = dom.create('div');
div.classList.add('progress');
+ div.setAttribute('role', 'progressbar');
+ div.setAttribute('aria-valuemin', '0');
+ div.setAttribute('aria-valuemax', '100');
+ div.setAttribute('aria-label', 'Loading...');
dom.appendTo(dom.body, div);
barEl = div;
}
@@ -33,6 +37,7 @@ export default function (info) {
barEl.style.opacity = 1;
barEl.style.width = num >= 95 ? '100%' : num + '%';
+ barEl.setAttribute('aria-valuenow', num >= 95 ? 100 : num);
if (num >= 95) {
clearTimeout(timeId);
@@ -40,6 +45,7 @@ export default function (info) {
timeId = setTimeout(_ => {
barEl.style.opacity = 0;
barEl.style.width = '0%';
+ barEl.removeAttribute('aria-valuenow');
}, 200);
}
}
diff --git a/src/core/render/tpl.js b/src/core/render/tpl.js
index 424ffe88f..622d22a8a 100644
--- a/src/core/render/tpl.js
+++ b/src/core/render/tpl.js
@@ -42,7 +42,7 @@ export function main(config) {
-