section-video-header

ⓘ Wenn das Video keine inhaltliche Bedeutung hat (also rein visuell/dekorativ ist), sollte es für Screenreader ausgeblendet werden mit aria-hidden="true". Falls das Video inhaltlich relevant ist, dann Beschreibung im aria-label, title oder als sichtbarer Text einfügen.

Darstellung

Überschrift

Inhalt hier einfügen.

Medikamente vorbestellen

Code

Code wurde kopiert!

<section class="section-video-header bg-main env-main" data-animation="play-pause" id="section-video-header-animation">
<div class="fullscreen-video-wrap">
<video autoplay loop playsinline aria-hidden="true" muted><source src="/wp-content/uploads/sites/79/bg-home.mp4" type="video/mp4"></video>
</div>

<div class="header-overlay"></div>

<div class="section-content">
<h1>Überschrift</h1>
<p class="claim">Inhalt hier einfügen.</p>
<a href="./category/medikamente-vorbestellen/" class="btn" aria-label="Medikamente vorbestellen">Medikamente vorbestellen</a>
</div>

<button class="btn-icon btn-playpause on" data-animation="play-pause" data-paused="section-video-header-animation" aria-label="Animation pausieren" aria-pressed="true">
<span class="icn paused" aria-hidden="true"></span>
</button>

</section>