AIチャットのスクリーンリーダー対応

うまく対応できれば、カーナビのように読み上げてくれそう
まずは校正さんに相談機能をスクリーンリーダー対応するけど、いずれ写真地図ナビを作るときに役立つかもしれいない


意外とassistant-uiは未対応のようなので、自力でARIA live regionsを組み立てる

aria-live="status"を、AIからの回答1往復の単位で付ける
AIからの回答が一部抜けて読み上げられると、不正確な情報伝達になりうるため
回答中にも複数のFunction callingやメッセージが含まれるが、個別にlive region付けると読み上げがスキップされてしまう
例えば左の区切り方だと、「文章を読みました」の読み上げを打ち切って「以下は300文字のサンプルです……」を読み上げてしまう

ストリーミング中のテキストは読み上げないよう、aria-busyで制御する
aria-busyなし
「ぶぶぶぶぶぶぶぶ文章を読みました」になってしまう
aria-busyあり
「校正さんが回答しています…」で待機してもらって、回答を表示し終わったタイミングで読み始めてもらう