正解のマークを外せないユーザーにはチェックマーク付きのボタンを非表示にする

はい、まずは以下の小さな変更から始めましょう:

  • 承認/非承認の可否に関わらず、現在のボタンと同じものを使用します(テキストをボタン内に移動しました)…

  • 承認/非承認ができない場合は、ボタンを表示する代わりに、チェックマーク付きの「解決済み」テキストを表示します。これにより、ボタンらしさが抑えられ、元々 OP が求めていた要件に合致します。

    また、このテキストに「これはこのトピックの解決済み回答です」という title 属性を追加しました。現在、何も機能しないボタンを表示している方法は、スクリーンリーダーを使用するユーザーにとって非常に混乱を招く可能性があります。これで大幅に改善されます。

これらの変更に関する PR は以下の通りです:


上記の変更では、モバイル向けの追加更新は行なっていません。すべてのコントロールを展開すると、スペースが不足してレイアウトが崩れてしまう傾向があります(管理者の場合など)。

次のステップとして、投稿コントロールの展開/折りたたみ時にクラスを追加し、「解決済み」テキストの表示/非表示を制御できるようにしたいと考えています。そうすれば、ほとんどのケースで以下のようにすべてが収まるようになります:

「いいね!」 9