STUDIO aria-hiddenを設定したのに読み上げられる?

最初に今回起こったことの内容/原因/必要な設定/気をつけて
な部分をメモメモ。
-----------------------------------------------------------------------

◯内容
 アクセシビリティを考慮したホームページを作成しようとする際、
 読み上げて欲しくない部分にはaria-hiddenを設定するかと思うが、
 設定後にプレビューサイトを開き、Macで読ませてみると読み上げが行われてしまう。

◯原因
 スクリーンリーダーは目が不自由な方向けの専用のソフトウェアで、
 プレビューサイトで自分が使用していたのは、OSの読み上げ機能で
 あったため。

◯必要な設定
 特になし

◯気をつけて
 スクリーンリーダーがうまく機能していないと思わないように・・!

今回に関しては、説明は不要かもしれないですが
覚えておいてほしいことはスクリーンリーダーと音声ブラウザやOSの読み上げ機能は別物であること!!!

Studioの関連情報はコチラ
https://help.studio.design/ja/articles/5752183-aria-label-aria-hidden

この記事が気に入ったらサポートをしてみませんか?