<portal> : l'élément de portail

Cet élément utilise les attributs universels.

referrerpolicy

Voir la page de l'en-tête Referrer-Policy pour les valeurs. La valeur utilisée sera fournie lors de la requête vers la page située à l'URL fournie par l'attribut src.

src

L'URL de la page à embarquer.

L'exemple suivant embarque le contenu de https://example.com pour le prévisualiser.

<portal id="exempleportal" src="https://example.com/"></portal>

La prévisualisation fournie par <portal> n'est pas interactive et ne peut donc pas recevoir d'évènements de saisie ou le focus. Aussi, les contenus embarqués via le portail ne sont pas exposés comme des éléments de l'arbre d'accessibilité. Il est possible de naviguer vers le portail ou de l'activer comme pour un bouton. Le comportement par défaut du portail, lorsqu'on clique dessus, est de s'activer.

Par défaut, les portails reçoivent un libellé par défaut qui est le titre de la page embarquée. Si aucun titre n'est présent, le texte visible dans la prévisualisation est concaténé afin de créer un libellé. L'attribut aria-label (en-US) peut être utilisé afin de surcharger ce comportement.

Les portails utilisés à des seules fins de prérendu devraient être masqués avec l'attribut HTML hidden ou avec la propriété CSS display valant none.

Lorsqu'on utilise des animations pour l'activation du portail, la caractéristique média prefers-reduced-motion devrait être respectée.