boscop-fr · felixgirault · Jun 2, 2026
diff --git a/src/ui/components/ContextualNoticeContainer.tsx b/src/ui/components/ContextualNoticeContainer.tsx
@@ -47,6 +47,7 @@ const ContextualNoticeContainer = ({
 					purpose={purpose}
 					data={data}
 					privacyPolicyUrl={config.privacyPolicyUrl}
+					privacyPolicyLinkAttributes={config.privacyPolicyLinkAttributes}
 					onAccept={() => {
 						manager.setConsent(purpose.id, true);
 						setIsBeingDisabled(true);

diff --git a/src/ui/components/Main.tsx b/src/ui/components/Main.tsx
@@ -52,6 +52,9 @@ const Main = ({apiRef}: MainProps) => {
 						needsUpdate={manager.needsUpdate()}
 						purposeTitles={config.purposes.map(({title}) => title)}
 						privacyPolicyUrl={config.privacyPolicyUrl}
+						privacyPolicyLinkAttributes={
+							config.privacyPolicyLinkAttributes
+						}
 						logo={config.logo}
 						onConfigure={openModal}
 						onAccept={() => {
@@ -74,6 +77,9 @@ const Main = ({apiRef}: MainProps) => {
 							isForced={config.forceModal && manager.isDirty()}
 							needsUpdate={manager.needsUpdate()}
 							privacyPolicyUrl={config.privacyPolicyUrl}
+							privacyPolicyLinkAttributes={
+								config.privacyPolicyLinkAttributes
+							}
 							onClose={closeModal}
 							onSave={commit}
 						>

diff --git a/src/ui/components/PrivacyPolicyLink.tsx b/src/ui/components/PrivacyPolicyLink.tsx
@@ -0,0 +1,33 @@
+import {AnchorHTMLAttributes} from 'preact';
+import {useTranslations} from '../utils/hooks';
+
+interface PrivacyPolicyLinkProps extends AnchorHTMLAttributes {
+	label: string;
+	onExit?: () => void;
+}
+
+const PrivacyPolicyLink = ({
+	label,
+	onExit,
+	...props
+}: PrivacyPolicyLinkProps) => {
+	const t = useTranslations();
+	const isBlank = props?.target === '_blank';
+	const title = isBlank ? `${label} (${t.misc.newWindowTitle})` : null;
+
+	return (
+		<a
+			{...props}
+			title={title}
+			onClick={() => {
+				if (onExit && !isBlank) {
+					onExit();
+				}
+			}}
+		>
+			{label}
+		</a>
+	);
+};
+
+export default PrivacyPolicyLink;
diff --git a/src/ui/components/types/Banner.ts b/src/ui/components/types/Banner.ts
@@ -1,11 +1,12 @@
-import {FunctionComponent} from 'preact';
+import {AnchorHTMLAttributes, FunctionComponent} from 'preact';
 import {ImageDescriptor} from '../../types';
 
 export interface BannerProps {
 	isHidden: boolean;
 	needsUpdate: boolean;
 	purposeTitles: string[];
 	privacyPolicyUrl: string;
+	privacyPolicyLinkAttributes?: AnchorHTMLAttributes;
 	logo?: ImageDescriptor;
 	onAccept: () => void;
 	onDecline: () => void;

diff --git a/src/ui/components/types/ContextualNotice.ts b/src/ui/components/types/ContextualNotice.ts
@@ -1,4 +1,4 @@
-import {FunctionComponent} from 'preact';
+import {AnchorHTMLAttributes, FunctionComponent} from 'preact';
 import {Purpose} from '../../types';
 
 export interface ContextualNoticeOptions extends Record<string, string> {
@@ -9,6 +9,7 @@ export interface ContextualNoticeProps<Data extends ContextualNoticeOptions> {
 	purpose: Purpose;
 	data: Data;
 	privacyPolicyUrl: string;
+	privacyPolicyLinkAttributes?: AnchorHTMLAttributes;
 	onAccept: () => void;
 }
 

diff --git a/src/ui/components/types/Modal.ts b/src/ui/components/types/Modal.ts
@@ -1,9 +1,14 @@
-import {ComponentChildren, FunctionComponent} from 'preact';
+import {
+	AnchorHTMLAttributes,
+	ComponentChildren,
+	FunctionComponent
+} from 'preact';
 
 export interface ModalProps {
 	isForced: boolean;
 	needsUpdate: boolean;
 	privacyPolicyUrl: string;
+	privacyPolicyLinkAttributes?: AnchorHTMLAttributes;
 	onClose: () => void;
 	onSave: () => void;
 	children: ComponentChildren;

diff --git a/src/ui/themes/dsfr/Banner.tsx b/src/ui/themes/dsfr/Banner.tsx
@@ -2,12 +2,14 @@ import {useRef} from 'preact/hooks';
 import type {BannerComponent} from '../../components/types/Banner';
 import {useNonObscuringElement, useTranslations} from '../../utils/hooks';
 import {template} from '../../utils/template';
+import PrivacyPolicyLink from '../../components/PrivacyPolicyLink';
 
 const Banner: BannerComponent = ({
 	needsUpdate,
 	isHidden,
 	purposeTitles,
 	privacyPolicyUrl,
+	privacyPolicyLinkAttributes,
 	onAccept,
 	onDecline,
 	onConfigure
@@ -28,9 +30,12 @@ const Banner: BannerComponent = ({
 							<strong key="purposes">{purposeTitles.join(', ')}</strong>
 						),
 						privacyPolicy: (
-							<a key="privacyPolicyUrl" href={privacyPolicyUrl}>
-								{t.banner.privacyPolicyLabel}
-							</a>
+							<PrivacyPolicyLink
+								{...privacyPolicyLinkAttributes}
+								key="privacyPolicyLink"
+								href={privacyPolicyUrl}
+								label={t.banner.privacyPolicyLabel}
+							/>
 						)
 					})}
 				</p>

diff --git a/src/ui/themes/dsfr/Modal.tsx b/src/ui/themes/dsfr/Modal.tsx
@@ -3,11 +3,13 @@ import {template} from '../../utils/template';
 import Dialog from '../../components/Dialog';
 import PoweredByLink from '../../components/PoweredByLink';
 import type {ModalComponent} from '../../components/types/Modal';
+import PrivacyPolicyLink from '../../components/PrivacyPolicyLink';
 
 const Modal: ModalComponent = ({
 	isForced,
 	needsUpdate,
 	privacyPolicyUrl,
+	privacyPolicyLinkAttributes,
 	onClose,
 	onSave,
 	children
@@ -57,13 +59,13 @@ const Modal: ModalComponent = ({
 								<p>
 									{template(t.modal.description, {
 										privacyPolicy: (
-											<a
+											<PrivacyPolicyLink
+												{...privacyPolicyLinkAttributes}
 												key="privacyPolicyLink"
 												href={privacyPolicyUrl}
-												onClick={onClose}
-											>
-												{t.modal.privacyPolicyLabel}
-											</a>
+												label={t.modal.privacyPolicyLabel}
+												onExit={onClose}
+											/>
 										)
 									})}
 								</p>

diff --git a/src/ui/themes/standard/Banner.tsx b/src/ui/themes/standard/Banner.tsx
@@ -3,12 +3,14 @@ import {BannerComponent} from '../../components/types/Banner';
 import {imageAttributes} from '../../utils/config';
 import {useNonObscuringElement, useTranslations} from '../../utils/hooks';
 import {template} from '../../utils/template';
+import PrivacyPolicyLink from '../../components/PrivacyPolicyLink';
 
 const Banner: BannerComponent = ({
 	isHidden,
 	needsUpdate,
 	purposeTitles,
 	privacyPolicyUrl,
+	privacyPolicyLinkAttributes,
 	logo,
 	onAccept: onSaveRequest,
 	onDecline: onDeclineRequest,
@@ -57,13 +59,13 @@ const Banner: BannerComponent = ({
 								</strong>
 							),
 							privacyPolicy: (
-								<a
+								<PrivacyPolicyLink
+									{...privacyPolicyLinkAttributes}
 									key="privacyPolicyLink"
 									className="orejime-Banner-privacyPolicyLink"
 									href={privacyPolicyUrl}
-								>
-									{t.banner.privacyPolicyLabel}
-								</a>
+									label={t.banner.privacyPolicyLabel}
+								/>
 							)
 						})}
 					</p>

diff --git a/src/ui/themes/standard/ContextualNotice.tsx b/src/ui/themes/standard/ContextualNotice.tsx
@@ -4,12 +4,14 @@ import type {
 	ContextualNoticeOptions
 } from '../../components/types/ContextualNotice';
 import {template} from '../../utils/template';
+import PrivacyPolicyLink from '../../components/PrivacyPolicyLink';
 
 const ContextualNotice: ContextualNoticeComponent = ({
 	purpose,
 	data,
 	onAccept,
-	privacyPolicyUrl
+	privacyPolicyUrl,
+	privacyPolicyLinkAttributes
 }) => {
 	const t = useTranslations();
 	const {titleLevel} = data;
@@ -18,9 +20,12 @@ const ContextualNotice: ContextualNoticeComponent = ({
 	const templateProps = {
 		purpose: purpose.title,
 		privacyPolicy: (
-			<a key="privacyPolicyUrl" href={privacyPolicyUrl}>
-				{t.contextual.privacyPolicyLabel}
-			</a>
+			<PrivacyPolicyLink
+				{...privacyPolicyLinkAttributes}
+				key="privacyPolicyLink"
+				href={privacyPolicyUrl}
+				label={t.contextual.privacyPolicyLabel}
+			/>
 		)
 	};
 

diff --git a/src/ui/themes/standard/Modal.tsx b/src/ui/themes/standard/Modal.tsx
@@ -4,17 +4,19 @@ import {template} from '../../utils/template';
 import {useTranslations} from '../../utils/hooks';
 import {ModalComponent} from '../../components/types/Modal';
 import PoweredByLink from '../../components/PoweredByLink';
+import PrivacyPolicyLink from '../../components/PrivacyPolicyLink';
 
 const Modal: ModalComponent = ({
 	isForced,
 	needsUpdate,
 	privacyPolicyUrl,
+	privacyPolicyLinkAttributes,
 	onClose,
 	onSave,
 	children
 }) => {
 	const t = useTranslations();
-
+	console.log(privacyPolicyLinkAttributes);
 	return (
 		<Dialog
 			isAlert={isForced}
@@ -52,16 +54,14 @@ const Modal: ModalComponent = ({
 
 						{template(t.modal.description, {
 							privacyPolicy: (
-								<a
+								<PrivacyPolicyLink
+									{...privacyPolicyLinkAttributes}
 									key="privacyPolicyLink"
 									className="orejime-Modal-privacyPolicyLink"
-									onClick={(e) => {
-										onClose();
-									}}
 									href={privacyPolicyUrl}
-								>
-									{t.modal.privacyPolicyLabel}
-								</a>
+									label={t.modal.privacyPolicyLabel}
+									onExit={onClose}
+								/>
 							)
 						})}
 					</p>

diff --git a/src/ui/types.ts b/src/ui/types.ts
@@ -1,3 +1,4 @@
+import {AnchorHTMLAttributes} from 'preact';
 import {CookieOptions, Purpose as CorePurpose} from '../core/types';
 import {Theme} from './components/types/Theme';
 
@@ -96,5 +97,6 @@ export interface Config {
 	forceBanner: boolean;
 	forceModal: boolean;
 	privacyPolicyUrl: string;
+	privacyPolicyLinkAttributes?: AnchorHTMLAttributes;
 	translations: Translations;
 }