Page title - only show if there is no parent

src/app/+browse-by/+browse-by-metadata-page/browse-by-metadata-page.component.html

@@ -25,6 +25,7 @@
     <div class="browse-by-metadata w-100">
     <ds-browse-by *ngIf="startsWithOptions" class="col-xs-12 w-100"
       title="{{'browse.title' | translate:{collection: (parent$ | async)?.payload?.name || '', field: 'browse.metadata.' + browseId | translate, value: (value)? '&quot;' + value + '&quot;': ''} }}"
+      parentname="{{(parent$ | async)?.payload?.name || ''}}"
       [objects$]="(items$ !== undefined)? items$ : browseEntries$"
       [paginationConfig]="paginationConfig"
       [sortConfig]="sortConfig"

src/app/shared/browse-by/browse-by.component.html

@@ -1,5 +1,5 @@
 <ng-container *ngVar="(objects$ | async) as objects">
-  <h3 class="sr-only">{{title | translate}}</h3>
+  <h3 [ngClass]="{'sr-only': parentname }" >{{title | translate}}</h3>
   <ng-container *ngComponentOutlet="getStartsWithComponent(); injector: objectInjector;"></ng-container>
   <div *ngIf="objects?.hasSucceeded && !objects?.isLoading && objects?.payload?.page.length > 0" @fadeIn>
     <div *ngIf="!enableArrows">

src/app/shared/browse-by/browse-by.component.ts

@@ -26,6 +26,10 @@ export class BrowseByComponent implements OnInit {
    */
   @Input() title: string;
 
+  /**
+   * The parent name
+   */
+  @Input() parentname: string;
   /**
    * The list of objects to display
    */