diff --git a/src/lib/viewers/BaseViewer.js b/src/lib/viewers/BaseViewer.js
index ce40232bd..4bfd273f8 100644
--- a/src/lib/viewers/BaseViewer.js
+++ b/src/lib/viewers/BaseViewer.js
@@ -191,6 +191,9 @@ class BaseViewer extends EventEmitter {
// From the perspective of viewers bp-content holds everything
this.containerEl = container.querySelector(SELECTOR_BOX_PREVIEW_CONTENT);
+ // Set an aria-label for all files
+ this.containerEl.setAttribute('aria-label', __('file_preview_label'));
+
// Update the loading indicators
this.setupLoading();
diff --git a/src/lib/viewers/doc/DocBaseViewer.js b/src/lib/viewers/doc/DocBaseViewer.js
index 976e1a9b3..1f060bd85 100644
--- a/src/lib/viewers/doc/DocBaseViewer.js
+++ b/src/lib/viewers/doc/DocBaseViewer.js
@@ -163,9 +163,10 @@ class DocBaseViewer extends BaseViewer {
this.startPageNum = this.getStartPage(this.startAt);
if (this.options.enableThumbnailsSidebar) {
- this.thumbnailsSidebarEl = document.createElement('div');
+ this.thumbnailsSidebarEl = document.createElement('nav');
this.thumbnailsSidebarEl.className = `${CLASS_BOX_PREVIEW_THUMBNAILS_CONTAINER}`;
this.thumbnailsSidebarEl.setAttribute('data-testid', 'thumbnails-sidebar');
+ this.thumbnailsSidebarEl.setAttribute('aria-label', __('thumbnail_label'));
this.thumbnailsSidebarEl.tabIndex = 0;
this.rootEl.insertBefore(this.thumbnailsSidebarEl, this.containerEl);
}