BUG#AC-1284: Visible label for number of items per page dropdown not included in control accessible name issue fixed

Author: glo80326

app/code/Magento/Backend/view/adminhtml/templates/widget/grid/extended.phtml

@@ -102,8 +102,7 @@ $numColumns = count($block->getColumns());
                             selected="selected"<?php endif; ?>>200
                         </option>
                     </select>
-                    <label for="<?= $block->escapeHtml($block->getHtmlId())
-                    ?><?= $block->escapeHtml($block->getHtmlId()) ?>_page-limit"
+                    <label for="<?= $block->escapeHtml($block->getHtmlId()) ?>_page-limit"
                         class="admin__control-support-text"><?= $block->escapeHtml(__('per page')) ?></label>
 
                     <div class="admin__data-grid-pager">

app/code/Magento/Ui/view/base/web/templates/grid/paging/sizes.html

@@ -7,10 +7,14 @@
 
 <div class="selectmenu" collapsible="">
     <div class="selectmenu-value" openCollapsible="">
-        <input type="text" ko-value="_value" attr="id: index" autoselect/>
+        <input type="text" ko-value="_value" attr="id: index" autoselect aria-labelledby="per-page-text"/>
     </div>
-    <button class="selectmenu-toggle" type="button" css="_active: $collapsible.opened" toggleCollapsible>
-        <span translate="'Select'"></span>
+    <button class="selectmenu-toggle"
+            type="button"
+            css="_active: $collapsible.opened"
+            toggleCollapsible
+            aria-labelledby="per-page-text select-button-text">
+        <span id="select-button-text" translate="'Select'"></span>
     </button>
     <div class="selectmenu-items" css="_active: $collapsible.opened" outerClick="discardAll.bind($data)">
         <ul>
@@ -58,4 +62,4 @@
         </ul>
     </div>
 </div>
-<label class="admin__control-support-text" translate="'per page'" attr="for: index"></label>
+<label class="admin__control-support-text" translate="'per page'" attr="for: index" id="per-page-text"></label>