SEOが代替テキストまたは「スクリーンリーダーのみ」のテキストを使用して、テキストが含まれている画像を説明する方が良いですか？
可能な場合は常に、テキストが含まれている画像をhtml/cssに変換して、テキストコンテンツと画像を分離して、応答性とSEOを向上させます。ただし、クライアントがイメージの使用を明示的に要求する可能性があるため、これを実行できない場合があります。
これらの場合、画像のalt属性に画像上にあるテキストを書き込むか、または スクリーンリーダーのみ クラス内に書き込む方が良いですか？または両方？これはスクリーンリーダーに2回読み取られるため、両方ではないと思います（alt属性で1回、sr-onlyクラスで1回）。
どちらもGoogleがインデックスに登録することになると思いますが、どちらの方法にもメリットとデメリットがあるのではないかと思います。
正直なところ、目的でsr-onlyを使用する方法がわかりません。しかし、altとtitleの両方の属性（<img src="" alt="your content" title="your content"）にテキストを追加すると、最終的にはこの作業が行われます。