MAGETWO-32190: WAI-ARIA in Product Item on Category page and Related Products

- Title code updated.

Author: Oleg Zinoviev

app/code/Magento/Catalog/view/frontend/layout/catalog_category_view.xml

@@ -82,6 +82,10 @@
             </block>
         </referenceContainer>
         <referenceBlock name="page.main.title">
+            <arguments>
+                <argument name="id" xsi:type="string">page-title-heading</argument>
+                <argument name="add_base_attribute_aria" xsi:type="string">page-title-heading toolbar-amount</argument>
+            </arguments>
             <block class="Magento\Catalog\Block\Category\Rss\Link" name="rss.link" template="Magento_Catalog::category/rss.phtml"/>
         </referenceBlock>
     </body>

app/code/Magento/Theme/view/frontend/templates/html/title.phtml

@@ -12,12 +12,18 @@
 $cssClass = $block->getCssClass() ? ' ' . $block->getCssClass() : '';
 $title = '';
 if (trim($block->getPageTitle())) {
-    $title = '<span class="base" data-ui-id="page-title" ' .  $block->getAddBaseAttribute() . '>' . $block->escapeHtml($block->getPageTitle()) . '</span>';
+    $title = '<span class="base" data-ui-id="page-title" ' .  $block->getAddBaseAttribute() . '>'
+        . $block->escapeHtml($block->getPageTitle()) . '</span>';
 }
 ?>
 <?php if ($title): ?>
 <div class="page-title<?php echo $cssClass; ?>">
-    <h1 class="title"><?php echo $title ?></h1>
+    <h1 class="title" <?php if ($block->getId()): ?> id="<?php echo $block->getId();?>" <?php endif; ?>
+        <?php if ($block->getAddBaseAttributeAria()): ?>
+            aria-labelledby="<?php echo $block->getAddBaseAttributeAria(); ?>"
+        <?php endif; ?>>
+        <?php echo $title ?>
+    </h1>
     <?php echo $block->getChildHtml(); ?>
 </div>
 <?php endif; ?>