diff --git a/galleries/bar_plot.html b/galleries/bar_plot.html
index 34602085..74d28626 100644
--- a/galleries/bar_plot.html
+++ b/galleries/bar_plot.html
@@ -1134,6 +1134,7 @@
         id: 'barplot1',
         title: 'The Number of Diamonds by Cut.',
         selector: 'g[id^="geom_rect"] > rect',
+        name: 'test test test',
         axes: {
           x: {
             label: 'Cut',
diff --git a/src/js/init.js b/src/js/init.js
index 77837428..fde56f07 100644
--- a/src/js/init.js
+++ b/src/js/init.js
@@ -113,11 +113,14 @@ function InitMaidr(thisMaidr) {
     this.SetEvents();
 
     // once everything is set up, announce the chart name (or title as a backup) to the user
-    if ('name' in singleMaidr) {
-      display.announceText(singleMaidr.name);
-    } else if ('title' in singleMaidr) {
-      display.announceText(singleMaidr.title);
-    }
+    setTimeout(function () {
+      // this is hacky, but we delay just a tick so that the chart has time to load
+      if ('name' in singleMaidr) {
+        display.announceText(singleMaidr.name);
+      } else if ('title' in singleMaidr) {
+        display.announceText(singleMaidr.title);
+      }
+    }, 200);
   }
 }