【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
MDN の list-style のページのアクセシビリティの考慮の部分に、
list-style
注意すべき例外として、Safari は順序なしリストで list-style の値に none が適用されると、アクセシビリティツリー上でリストとして認識しません。この問題に対処する最も簡単な方法は、明示的に role="list" をマークアップ内の <ul> 要素に追加することです。これにより、デザインに影響を与えることなく、リストの意味を復元することができます。
とありました。 今回、 list-style の値に none 指定をしていると思いますが、今後実務としてマークアップに取り組む際は Safari で見られることも考慮して、明示的に role="list" をマークアップ内の <ul> 要素に追加する対が必要ということでしょうか?
none
role="list"
<ul>
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
MDN の
list-styleのページのアクセシビリティの考慮の部分に、とありました。
今回、
list-styleの値にnone指定をしていると思いますが、今後実務としてマークアップに取り組む際は Safari で見られることも考慮して、明示的にrole="list"をマークアップ内の<ul>要素に追加する対が必要ということでしょうか?