본문으로 건너뛰기

useLiveAnnouncer

스크린리더 사용자에게 메시지를 표시합니다.

function useLiveAnnouncer(
message: string,
politeness?: AriaLivePoliteness,
// 몇 milliseconds 이후에 Announcer Element를 제거할지 시간을 설정합니다.
// 단, Announcer Element가 100ms 이후에 삽입되므로, 대기시간은 100ms 이후에 적용됩니다.
duration?: number
): {
announce: ({ message, politeness = 'polite', duration }: AnnounceOptions) => Promise<void>;
clear: () => void;
};

Example

const { announce, clear } = useLiveAnnouncer();

announce('안녕 세상!');
clear();