Added alt text to the templating information for web cards

pull/1/head
David Tookey 5 years ago
parent 4cc126757c
commit 164cce5205

@ -4,19 +4,22 @@
"title": "Paycor", "title": "Paycor",
"description": "Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application.", "description": "Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application.",
"imagePath": "PaycorLogo2-Transparent_100x100.png", "imagePath": "PaycorLogo2-Transparent_100x100.png",
"urlText": "https://www.paycor.com/" "urlText": "https://www.paycor.com/",
"altText": ""
}, },
{ {
"title": "Gmail", "title": "Gmail",
"description": "Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage.", "description": "Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage.",
"imagePath": "Gmail-Transparent_100x100.png", "imagePath": "Gmail-Transparent_100x100.png",
"urlText": "https://mail.google.com" "urlText": "https://mail.google.com",
"altText": ""
}, },
{ {
"title": "Workplace", "title": "Workplace",
"description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.", "description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.",
"imagePath": "WorkplaceLogo-Transparent_100x100.png", "imagePath": "WorkplaceLogo-Transparent_100x100.png",
"urlText": "https://jdsfaulkner.workplace.com" "urlText": "https://jdsfaulkner.workplace.com",
"altText": ""
} }
] ]
} }

@ -6,7 +6,7 @@
<p class="card-text text-success">{{description}} </p> <p class="card-text text-success">{{description}} </p>
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<img class="rounded-circle mx-auto d-block img-fluid" <img class="rounded-circle mx-auto d-block img-fluid"
src="{{{imgPath}}}" alt="Gmail logo" src="{{{imgPath}}}" alt="{{{altText}}}"
style="max-height:50px"> style="max-height:50px">
</div> </div>
</div> </div>

Loading…
Cancel
Save