LP#1744585: Patron summary display accessibility fix.
authorSam Link <slink@LIBPC002>
Wed, 24 Jan 2018 15:34:56 +0000 (10:34 -0500)
committerGalen Charlton <gmc@equinoxinitiative.org>
Mon, 30 Apr 2018 14:31:43 +0000 (10:31 -0400)
When a patron summary contains an image of the patron, that image tag
now has a null alt attribute to remove it from the flow of a screen
reader. As the image provides no navigation capabilities or additional
data, this is the proper way to assign an alt attribute

Signed-off-by: Sam Link <slink@columbiacountyga.gov>
Signed-off-by: Cesar Velez <cesar.velez@equinoxinitiative.org>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
Open-ILS/src/templates/staff/circ/patron/t_summary.tt2

index b6ce3d4..f663db9 100644 (file)
@@ -22,7 +22,7 @@
       </div>
     </div>
     <div ng-if="patron().photo_url()" class="row">
-         <div class="col-md-8 patron_photo_wrap"><img class="img-responsive img-rounded" src="{{patron().photo_url()}}" ></div>
+         <div class="col-md-8 patron_photo_wrap"><img class="img-responsive img-rounded" src="{{patron().photo_url()}}" alt=""></div>
     </div>
     <div class="row" 
       ng-class="{'patron-summary-divider' : alert_penalties().length || patron().alert_message()}">