Vous avez livré le site. C'est vous qu'on appellera au prochain contrôle RGAA.

// Modale accessible : focus déplacé, piégé, puis restitué
function Dialog({ open, onClose, labelledBy, children }) {
  const dialogRef = useRef(null);
  const opener = useRef(null);

  useEffect(() => {
    if (!open) return;
    opener.current = document.activeElement;   // mémorise le déclencheur
    dialogRef.current?.focus();                // focus dans la modale

    function onKeyDown(e) {
      if (e.key === "Escape") onClose();
      if (e.key === "Tab") trapFocus(e, dialogRef.current);
    }
    document.addEventListener("keydown", onKeyDown);
    return () => {
      document.removeEventListener("keydown", onKeyDown);
      opener.current?.focus();                 // restitue le focus
    };
  }, [open, onClose]);

  if (!open) return null;
  return (
    <div className="backdrop" onClick={onClose}>
      <div ref={dialogRef} role="dialog" aria-modal="true"
           aria-labelledby={labelledBy} tabIndex={-1}
           onClick={(e) => e.stopPropagation()}>
        {children}
      </div>
    </div>
  );
}