diff --git a/coral-base-list/src/scripts/BaseList.js b/coral-base-list/src/scripts/BaseList.js
index 552c7c74a8..d30899a115 100644
--- a/coral-base-list/src/scripts/BaseList.js
+++ b/coral-base-list/src/scripts/BaseList.js
@@ -222,6 +222,7 @@ const BaseList = (superClass) => class extends superClass {
     super.render();
 
     this.classList.add(CLASSNAME);
+    this.setAttribute('role', 'list');
 
     // Default reflected attributes
     if (!this._interaction) {
diff --git a/coral-base-list/src/scripts/BaseListItem.js b/coral-base-list/src/scripts/BaseListItem.js
index a8cc98644a..84a1c9f519 100644
--- a/coral-base-list/src/scripts/BaseListItem.js
+++ b/coral-base-list/src/scripts/BaseListItem.js
@@ -131,6 +131,7 @@ const BaseListItem = (superClass) => class extends BaseLabellable(superClass) {
     // The attribute that makes different types of list items co-exist
     // This is also used for event delegation
     this.setAttribute('coral-list-item', '');
+    this.setAttribute('role', 'listitem');
 
     // Fetch or create the content content zone element
     const content = this._elements.content;
diff --git a/coral-component-list/src/scripts/AnchorList.js b/coral-component-list/src/scripts/AnchorList.js
index 04d07a63fb..8045f82191 100644
--- a/coral-component-list/src/scripts/AnchorList.js
+++ b/coral-component-list/src/scripts/AnchorList.js
@@ -56,7 +56,6 @@ const AnchorList = Decorator(class extends BaseList(BaseComponent(HTMLElement))
   render() {
     super.render();
 
-    this.classList.add(CLASSNAME);
   }
 });