Mark poster images and wrapping links as presentational for screen re…

…aders
avalonmediasystem · Jan 10, 2024 · f6ea42a · f6ea42a
1 parent 8242230
commit f6ea42a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/javascript/components/collections/list/CollectionCard.js b/app/javascript/components/collections/list/CollectionCard.js
@@ -28,8 +28,8 @@ const CollectionCard = ({ attributes, showUnit }) => {
  <CollectionCardShell>
  <CollectionCardThumbnail>
  {attributes.poster_url && (
- <a href={attributes.url}>
- <img src={attributes.poster_url} alt="Collection thumbnail"></img>
+ <a href={attributes.url} aria-hidden="true" tabindex="-1">
+ <img src={attributes.poster_url} alt=""></img>
  </a>
  )}
  </CollectionCardThumbnail>

diff --git a/app/views/collections/show.html.erb b/app/views/collections/show.html.erb
@@ -27,7 +27,7 @@ Unless required by applicable law or agreed to in writing, software distributed
 
  <div class="collection-details-wrapper row">
  <div class="document-thumbnail col-sm-4 order-8">
- <%= image_tag @doc_presenter.poster_url %>
+ <%= image_tag @doc_presenter.poster_url, alt: '' %>
  <div class="filter-collection-button-wrapper">
  <a href="<%= search_catalog_path('f[collection_ssim][]' => @doc_presenter.name) %>"
  class="btn btn-outline btn-block">