diff --git a/src/core/render/index.js b/src/core/render/index.js
index 5288019cb..53e029455 100644
--- a/src/core/render/index.js
+++ b/src/core/render/index.js
@@ -476,6 +476,8 @@ export function Render(Base) {
const navEl = dom.find('nav') || dom.create('nav');
const isMergedSidebar = config.mergeNavbar && isMobile;
+ navEl.setAttribute('aria-label', 'secondary');
+
if (isMergedSidebar) {
dom.find('.sidebar').prepend(navEl);
} else {
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 77776306c..3b8dd77b8 100644
--- a/src/core/render/tpl.js
+++ b/src/core/render/tpl.js
@@ -42,7 +42,7 @@ export function main(config) {
-