>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3576399. --> Reported by: [jacktonkin](https://www.drupal.org/user/185663) Related to !194 !193 !189 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>The home link in the breadcrumb template doesn't have accessible text.</p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <ol> <li>Install Drupal CMS 2.0</li> <li>Add the Accessibility Checker recipe (<code>editoria11y</code> module)</li> <li><img src="https://www.drupal.org/files/issues/2026-03-01/Screenshot%202026-03-01%20at%2013.29.27.png" alt="A screenshot of the default Privacy Policy page on Drupal CMS with the Mercury Theme. The accessibility checker is showing the error 'Link with no accessible text' and highlighting the Home icon in the Breadcrumbs ."></li> </ol> <p>This is due to incorrect use of the <code>aria-labelledby</code> attribute.</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Add alt text to the icon. There is already a template variable, perhaps it is acceptable to expose this as a prop in the icon component.</p> <h3 id="summary-ui-changes">User interface changes</h3> <p>Alt text is added to the icon. The <code>aria-labelledby</code> attribute is removed (it should have a valid ID).</p> <h3 id="summary-api-changes">API changes</h3> <p>A new prop is added to the icon component</p>