【HTML】dl, dt, ddで組みたくなる表、tableにするのがいいかもね（スクリーンリーダーと検索エンジンのために）

dl や ul で組むべきでないという主張ではありませんので誤解のなきよう！ dl で書くんだ！と思える人はそれがいいと思います😉👍 私自身は dl と table が HTML の使い方としてはどちらも正解で差がないように感じられて、どちらを使うべきか判断がつかず悩んだ末、具体的なメリットの部分を見て table にしたという話です。 同じように迷った人の参考になれば幸いです。 詳しくは以降で説明します。 想定する表の内容 この記事の議論では、名前と値の組が複数並んでいる、メタデータの表を想定します。 プログラミング言語でいうところの、連想配列 (Map, Dictionary, JS では Object) の構造に相当します。 具体的には以下のようなものです。 会社概要（「会社名：〇〇、所在地：〇〇、資本金：〇〇、…」） 商品の仕様表（「商品名：〇〇、価格：〇〇、サイズ：〇〇、…」

[shingo-sasaki-0529]

むしろ Table をみだりに使わずに dl, dt, dd を活用するべきって思ってたけど、この結果で見ると明らかに Table が優勢だなぁ。マークアップを頑張りすぎずともテーブルなら直感的に必要十分な読み上げが出来る感じがする。

[flirt774]

合わせて抑えておきたい テーブルを組む際に気をつけたいこと　 https://accessible-usable.net/2014/08/entry_140822.html

[demAge]

スマホサイズ時にthとtdの横幅を100%にして縦に並べることを強制される時とか、アコーディオンの適用とか考えるとtable捨てたいんだけどねえ

[dexia2]

複雑なデザイン要件に対応できず、テーブルを捨てたことが幾度ともなくあるので、若干警戒してます。そうなると結局divとariaで頑張るしかないのですが......

[tech0403]

機械可読性を持ち出すと全てtableで組む事になる。多重ネストやcolspan、rowspanが多様されると人間様がメンテできなくなる。CSSでも苦戦するし、ul, olでデータ構造はシンプルにすべきだよねってなったのが2000年代の出来事