fix(card): Adding checks on props - FRONT-1138 (#446)

ec-europa · May 6, 2020 · 2390126 · 2390126
1 parent a6e9e94
commit 2390126
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/ec/packages/ec-component-card/ecl-card.html.twig b/src/ec/packages/ec-component-card/ecl-card.html.twig
@@ -80,8 +80,9 @@
 
 <article class="{{ _css_class }}"{{ _extra_attributes|raw }}>
   <header class="ecl-card__header">
-    {% if _card.image.src %}
-      <div class="ecl-card__image" aria-label="{{ _card.image.alt }}" role="img" style="background-image:url('{{ _card.image.src }}')"></div>
+    {% if _card.image.src is defined and _card.image.src is not empty %}
+      {% set _card_img_aria_label = _card.image.alt is defined and _card.image.alt is not empty ? 'aria-label="' ~ _card.image.alt ~ '"' : '' %}
+      <div class="ecl-card__image" {{ _card_img_aria_label|raw }} role="img" style="background-image:url('{{ _card.image.src }}')"></div>
     {% endif %}
     {% if _card.meta is not empty %}
       <div class="ecl-card__meta">{{ _card.meta|join(" | ") }}</div>