年以上経過しているため、内容が古い可能性があります。Reset」という記事を読んでいて気になるコードがありました。リストに対する指定を以下に抜粋します。指定されていると、リストがリストとして認識されなくなるとのことです。ロールを指定するとリストとして認識されるので、この問題を解消できます。有効になるように意図されたもののようです。筆者はこの現象については勉強不足で知りませんでした。Safari(WebKit)ではこのような実装になっているかの背景や意図を理解し、検証したうえで、本サイトでの方針を考えていきます。氏とのやりとりが記録されています。ツイートへのリンクがあり、そのスレッド内で詳しい背景や意図が語られています。利用するユーザからのフィードバックをまとめたところ、ウェブ上にはリストが多すぎて何度もリストの情報が読み上げられるのがわずらわしく感じる、といった意見が寄せられたようです。加えて、デザイナーが視覚的に不要だと判断してリストマーカーを無効にしているのにも関わらず、スクリーンリーダーのユーザにはリストのセマンティクスを残して、負担を強いる必要があるのかという趣旨の疑問を呈しています。none)にした場合には、リストとして認識しないように意図的に変更されたようです。加えることで明示的にロールを上書きできることも提示されています。これらの一連のコメントやツイートや関連する記事を読んで、経緯や意図については理解できました。使用してきた点は反省しなければなりません。無効にしているからといって、視覚的にリストとして認識しないかと問われると、そこには疑問が残ります。前提としたデザインや実装が避けられるのも事実です。要素が持っている暗黙のロールを同一のロールで上書きするのはルールから逸脱するので、この方法には若干の抵抗があります。ユーザの声を聞いたうえでの決定なので、そこには一定の説得力があるのかもしれません1。組み合わせで、リストとして認識されるパターンを調べました。環境によっては結果が異なるかもしれません。試したパターンは以下のとおりです。指定ライブデモは以下よりご確認いただけます。何もスタイルを指定しない場合には、当然リストとして認識されます。指定すると、ここまでの説明のとおり、リストとして認識されなくなります。ロールなし」と表示されます。指定すると、再びリストとして認識されます。配下に置かれている場合にはリストとして認識されます。あればリストとして認識されなくなります。間に別の要素が存在していてもリストとして認識されます。ロールを持つ祖先要素が存在する場合にはリストとして認識されます。擬似要素を指定します。紹介されている方法ですが、リストとして認識されました。擬似要素でカウンターを指定する場合も同様にリストとして認識されました。ように空文字を指定した場合にはリストとして認識されません。紹介されている方法です。指定するテクニックで、同様にリストとして認識されました。空文字を指定するパターンです。ページでは空文字では有効にならないと説明されているのですが、リストとして認識されました。組み合わせでは、本来リストとして読み上げて欲しい要素であっても、リストとして認識されていないことを確認しました。これらを修正する方法を検討しましたが、結果的にはあえて何も対応しないことにしました。ハックで対応する方法についても副作用への懸念が残るためです。リストとして認識されなくても致命的ではなく、情報自体は取得できるので、釈然としない気持ちは残りますが、余計なことはせずにブラウザ側に解釈を任せることにしました。これとは別に、マークアップ自体の妥当性については、見直していきたいと考えています。作成にあたり、以下のウェブページを参考にしました。