<ul class="breadcrumb" itemprop="breadcrumb" role="navigation">
  {% for breadcrumb in breadcrumb %}
    <li{% if loop.last %} class="active"{% endif %}>
      {% if breadcrumb.url %}
        <a href="{{ breadcrumb.url }}" title="{{ breadcrumb.title }}">
          {{ breadcrumb.title }}
        </a>
      {% else %}
        {{ breadcrumb.title }}
      {% endif %}
    </li>
  {% endfor %}
</ul>

<span class="sr-only">{{ 'lbl.YouAreHere'|trans }}</span>
<ul class="breadcrumb" itemprop="breadcrumb" role="navigation">
  {% for breadcrumb in breadcrumb %}
    <li{% if loop.last %} class="active"{% endif %}>
      {% if breadcrumb.url %}
        <a href="{{ breadcrumb.url }}" title="{{ breadcrumb.title }}">
          {{ breadcrumb.title }}
        </a>
      {% else %}
        {{ breadcrumb.title }}
      {% endif %}
    </li>
  {% endfor %}
</ul>

Add sr-only text for the breadcrumb
Add sr-only text for the breadcrumb
