put both screen readers in their own divs

assets/src/scripts/accessibility.js

@@ -38,7 +38,7 @@ function addSROnlyTable(container, {columnNames, data, describeById=null, descri
         container.append('div')
             .attr('id', describeById)
             .attr('class', 'usa-sr-only')
-            .text(describeByText)
+            .text(describeByText);
     }
 
     table.append('thead')

assets/src/scripts/components/hydrograph/index.js

@@ -207,35 +207,36 @@ const timeSeriesGraph = function (elem) {
                     yscale: yScaleSelector,
                     medianStatsData: pointsSelector('medianStatistics')
                 })));
-    elem.call(link(addSROnlyTable, createStructuredSelector({
-        columnNames: createSelector(
-            (state) => state.title,
-            (title) => [title, 'Time']
-        ),
-        data: createSelector(
-            pointsSelector('current'),
-            points => points.map((value) => {
-                return [value.value, value.time];
-            })
-        ),
-        describeById: () => {return 'time-series-sr-desc'},
-        describeByText: () => {return 'current time series data in tabular format'}
+    elem.append('div')
+        .call(link(addSROnlyTable, createStructuredSelector({
+            columnNames: createSelector(
+                (state) => state.title,
+                (title) => [title, 'Time']
+            ),
+            data: createSelector(
+                pointsSelector('current'),
+                points => points.map((value) => {
+                    return [value.value, value.time];
+                })
+            ),
+            describeById: () => {return 'time-series-sr-desc'},
+            describeByText: () => {return 'current time series data in tabular format'}
     })));
 
     elem.append('div')
-        .call(link(addSROnlyTable, createStructuredSelector( {
-        columnNames: createSelector(
-            (state) => state.title,
-            (title) => [`Median ${title}`, 'Time']
-        ),
-        data: createSelector(
-            pointsSelector('medianStatistics'),
-            points => points.map((value) => {
-                return [value.value, value.time];
-            })
-        ),
-        describeById: () => {return 'median-statistics-sr-desc'},
-        describeByText: () => {return 'median statistical data in tabular format'}
+        .call(link(addSROnlyTable, createStructuredSelector({
+            columnNames: createSelector(
+                (state) => state.title,
+                (title) => [`Median ${title}`, 'Time']
+            ),
+            data: createSelector(
+                pointsSelector('medianStatistics'),
+                points => points.map((value) => {
+                    return [value.value, value.time];
+                })
+            ),
+            describeById: () => {return 'median-statistics-sr-desc'},
+            describeByText: () => {return 'median statistical data in tabular format'}
     })));
 };