Lightbox
Lightbox Images
Lightbox Sample(s):
Lightbox table image
This is used on articles and guide pages to replace the previously used overflow table component. For SEO purposes, the original should be included in a div with a classname of visuallyhidden.
| Something | Something |
| Something | Something |
| Something | Something |
This is a table of risk and analysis facts for nurses.
<div class="visuallyhidden">
<table>
<tr>
<td>Something</td>
<td>Something</td>
</tr>
<tr>
<td>Something</td>
<td>Something</td>
</tr>
<tr>
<td>Something</td>
<td>Something</td>
</tr>
</table>
</div>
<div class="m_lightbox-trigger-wrap">
<img
src="/images/table.png"
data-lightbox-src="/images/table-lightbox.png"
alt="a table"
>
</div>
<p class="m_lightbox-caption">This is a table of risk and analysis facts for nurses.</p>Best Practices
For more information, visit this MDN resource