Use an empty alt attribute for decorative images

This way people using screen readers will know that the image is a
decorative one.
This commit is contained in:
Javi Martín
2024-10-12 22:15:45 +02:00
parent 597a21eca9
commit 6d6c067296
4 changed files with 10 additions and 10 deletions

View File

@@ -5,9 +5,9 @@
<tbody>
<tr>
<td style="background: #0300ff; padding: 50px; padding-top:40px; text-align: left;">
<%= image_tag "quote_before_white.png", style: "max-width: 40px; vertical-align: top;" %>
<%= image_tag "quote_before_white.png", alt: "", style: "max-width: 40px; vertical-align: top;" %>
<h1 style="color: #fff; font-size: 60px; line-height: 90px; display: inline;"><%= @proposal.title %></h1>
<%= image_tag "quote_after_white.png", style: "max-width: 40px; vertical-align: top;" %>
<%= image_tag "quote_after_white.png", alt: "", style: "max-width: 40px; vertical-align: top;" %>
<h2 style="color: #fff; font-size: 40px; line-height: 60px"><%= sanitize(t("dashboard.mailer.forward.subtitle")) %></h2>
</td>
</tr>

View File

@@ -2,9 +2,9 @@
<div class="row expanded">
<div class="small-12 medium-9 column dashboard-mail-preview">
<div class="mail-header text-left">
<%= image_tag "quote_before_white.png" %>
<%= image_tag "quote_before_white.png", alt: "" %>
<h1 class="inline"><%= proposal.title %></h1>
<%= image_tag "quote_after_white.png" %>
<%= image_tag "quote_after_white.png", alt: "" %>
<h2><%= sanitize(t("dashboard.mailer.forward.subtitle")) %></h2>
</div>

View File

@@ -6,7 +6,7 @@
<h1>
<%= t("dashboard.poster.index.poster_title") %>
<br>
<%= image_tag("finger.png") %>
<%= image_tag("finger.png", alt: "") %>
<%= t("dashboard.poster.index.poster_subtitle") %>
</h1>
<p class="intro">
@@ -25,9 +25,9 @@
</div>
<div class="poster-content">
<h2><%= t("dashboard.poster.index.support") %></h2>
<%= image_tag "quote_before_blue.png" %>
<%= image_tag "quote_before_blue.png", alt: "" %>
<h3><%= proposal.title %></h3>
<%= image_tag "quote_after_blue.png" %>
<%= image_tag "quote_after_blue.png", alt: "" %>
<p class="poster-footer">
<%= sanitize(t("dashboard.poster.index.footer", link: proposal_url(proposal))) %>
</p>

View File

@@ -11,7 +11,7 @@
<h1>
<strong><%= t("dashboard.poster.index.poster_title") %>
<br>
<%= wicked_pdf_image_tag("finger.png") %>
<%= wicked_pdf_image_tag("finger.png", alt: "") %>
<%= t("dashboard.poster.index.poster_subtitle") %>
</strong>
</h1>
@@ -30,9 +30,9 @@
</div>
<div class="poster-content">
<h2 class="text-center"><strong><%= t("dashboard.poster.index.support") %></strong></h2>
<%= wicked_pdf_image_tag "quote_before_blue.png" %>
<%= wicked_pdf_image_tag "quote_before_blue.png", alt: "" %>
<h3><strong><%= proposal.title %></strong></h3>
<%= wicked_pdf_image_tag "quote_after_blue.png" %>
<%= wicked_pdf_image_tag "quote_after_blue.png", alt: "" %>
<p class="poster-footer">
<%= sanitize(t("dashboard.poster.index.footer", link: proposal_url(proposal))) %>
</p>