Message Contextuel

Style:
Accessibilité:

Titre - 70 caractères maximum

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Pariatur, at adipisci. Dolore unde inventore accusamus

  • Lorem ipsum dolor sit amet
  • Non accusantium ad porro eligendi
  • Omnis porro magnam officia sunt
Ceci est un lien.
Voir le code

<section class="hq-bandeau-message-avertissement" aria-labelledby="message-global-titre-1">
  <svg class="hq-icone-large" aria-label="avertissement">
    <use href="/@hydroquebec/assets/dist/icones/sprite.svg#hq-icone-danger-plein-2"></use>
  </svg>
  <h4 id="message-global-titre-1">Titre - 70 caractères maximum</h4>
  <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Pariatur, at adipisci. Dolore unde inventore accusamus</p>
  <div class="js-dummy-cnt">
    <ul class="hq-liste">
      <li>Lorem ipsum dolor sit amet</li>
      <li>Non accusantium ad porro eligendi</li>
      <li>Omnis porro magnam officia sunt</li>
    </ul>
  </div>
  <a class="hq-lien" href="#">Ceci est un lien.</a>
</section>