From 4d6e57337b9801ddf1d6e75e7eb75985b0e7d4f1 Mon Sep 17 00:00:00 2001
From: "L. Henze" <lh435@nyu.edu>
Date: Wed, 18 Sep 2019 13:50:30 -0400
Subject: [PATCH] Browse pages' browse sections' header hidden visually

Remains for screenreaders
---
 src/app/+collection-page/collection-page.component.html | 4 ++--
 src/app/shared/browse-by/browse-by.component.html       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/+collection-page/collection-page.component.html b/src/app/+collection-page/collection-page.component.html
index 51934951f7..07d2f45804 100644
--- a/src/app/+collection-page/collection-page.component.html
+++ b/src/app/+collection-page/collection-page.component.html
@@ -5,7 +5,7 @@
             <div *ngIf="collectionRD?.payload as collection">
                 <header>
                     <!-- Collection logo -->
-                    <ds-comcol-page-logo *ngIf="logoRD$" 
+                    <ds-comcol-page-logo *ngIf="logoRD$"
                         [logo]="(logoRD$ | async)?.payload" [alternateText]="'Collection Logo'">
                         [alternateText]="'Collection Logo'">
                     </ds-comcol-page-logo>
@@ -37,7 +37,7 @@
               </header>
             <ng-container *ngVar="(itemRD$ | async) as itemRD">
                 <div *ngIf="itemRD?.hasSucceeded" @fadeIn>
-                    <h2>{{'collection.page.browse.recent.head' | translate}}</h2>
+                    <h3 class="sr-only">{{'collection.page.browse.recent.head' | translate}}</h3>
                     <ds-viewable-collection
                             [config]="paginationConfig"
                             [sortConfig]="sortConfig"
diff --git a/src/app/shared/browse-by/browse-by.component.html b/src/app/shared/browse-by/browse-by.component.html
index bad9f3fe8c..ae39b779ed 100644
--- a/src/app/shared/browse-by/browse-by.component.html
+++ b/src/app/shared/browse-by/browse-by.component.html
@@ -1,5 +1,5 @@
 <ng-container *ngVar="(objects$ | async) as objects">
-  <h2 class="w-100">{{title | translate}}</h2>
+  <h3 class="sr-only w-100">{{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">