These posters have a very well-defined structure. It definitely feels like
tabular data, and tabular data is one such case that the disposition of the
information extrapolates the realm of graphic layout and starts hinting on
the meaning of data and how various chunks of data relate to each other.
The abuse of tables as structural elements was, and still is, very harmful to
web accessibility. However, blindly replacing tables for div tags does not
help to make code more semantic. List elements are a great solution for
collections of similar data, but ULs and OLs do not define any kind of
relation between this data.
Enter Definition Lists
Definition List (DL) is probably one of the most underestimated HTML
elements. It՚s a list element such as UL and OL, but it is supposed to
present a collection of terms (DT) and descriptions (DD). Its most obvious
use case is to represent dictionaries, but its potential goes way beyond that.
The W3C Recommendation gives the example of a dialogue where DTs are
character names and DDs are the text lines. It could also be used to
represent calendars (days and assignments), articles summaries (titles and
descriptions) and much more.