🔊 refactor: Optimize Aria-Live Announcements for macOS VoiceOver (#3851)

This commit is contained in:
Danny Avila 2024-08-30 00:14:37 -04:00 committed by GitHub
parent 757b6d3275
commit dc40e577af
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 59 additions and 170 deletions

View file

@ -3,17 +3,17 @@ import React from 'react';
interface AnnouncerProps {
statusMessage: string;
responseMessage: string;
logMessage: string;
}
const Announcer: React.FC<AnnouncerProps> = ({ statusMessage, responseMessage }) => {
const Announcer: React.FC<AnnouncerProps> = ({ statusMessage, logMessage }) => {
return (
<div className="sr-only">
<div aria-live="assertive" aria-atomic="true">
<div aria-live="polite" aria-atomic="true">
{statusMessage}
</div>
<div aria-live="polite" aria-atomic="true">
{responseMessage}
{logMessage}
</div>
</div>
);