diff --git a/src/ui/handler/scroll_zoom.js b/src/ui/handler/scroll_zoom.js
index 5b444668052..5be931d97c2 100644
--- a/src/ui/handler/scroll_zoom.js
+++ b/src/ui/handler/scroll_zoom.js
@@ -422,7 +422,7 @@ class ScrollZoomHandler {
 
         this._alertTimer = setTimeout(() => {
             this._alertContainer.classList.remove('mapboxgl-scroll-zoom-blocker-show');
-            this._alertContainer.setAttribute("role", "null");
+            this._alertContainer.removeAttribute("role");
         }, 200);
     }
 
diff --git a/src/ui/handler/touch_pan.js b/src/ui/handler/touch_pan.js
index 62a6d5a80d2..15eb8deb961 100644
--- a/src/ui/handler/touch_pan.js
+++ b/src/ui/handler/touch_pan.js
@@ -156,7 +156,7 @@ export default class TouchPanHandler {
 
         this._alertTimer = setTimeout(() => {
             this._alertContainer.classList.remove('mapboxgl-touch-pan-blocker-show');
-            this._alertContainer.setAttribute("role", "null");
+            this._alertContainer.removeAttribute("role");
         }, 500);
     }