Fix bug where "Cancel Speaking" doesn't make the button active again

likes-gay · Feb 5, 2024 · efe275c · efe275c
1 parent bd97935
commit efe275c
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/frontend/src/DfnArea.tsx b/frontend/src/DfnArea.tsx
@@ -82,7 +82,10 @@ export default function	DfnArea({ word }: DfnAreaProps) {
 	function speakWord() {
 		window.speechSynthesis.cancel();
 
-		if(isSpeaking) return;
+		if(isSpeaking) {
+			setIsSpeaking(false);
+			return;
+		}
 
 		const utterance	= new SpeechSynthesisUtterance(wordData.word);
 		const voices = window.speechSynthesis.getVoices();
@@ -116,7 +119,7 @@ export default function	DfnArea({ word }: DfnAreaProps) {
 							onClick={speakWord}
 							className="speak-button"
 							aria-label={isSpeaking ? "Cancel speaking" : "Speak word"}
-							aria-disabled={isSpeaking}
+							aria-pressed={isSpeaking}
 						>
 							<AudioIcon />
 						</button>