Intermediate
Announce a Stream Once
#ask starts a streamed answer into #log. Make the page screen-reader friendly. #log must have role="log" and an aria-label. While the answer streams it must have aria-busy="true", and when the stream ends aria-busy="false".
#status must be a role="status" element that says Mitra is answering. while the stream runs and Answer ready. when it ends. Release aria-busy even when the stream fails.
What Check tests
#loghasrole="log"and a non-emptyaria-label#statushasrole="status"- While the stream runs,
#logisaria-busy="true"and the status saysMitra is answering. - When the stream ends,
aria-busyisfalseand the status saysAnswer ready. - The answer is complete
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.