The UCLA brands dictates that lists are ordered with numbers or bullets in #2774AE
which is the “$ucla-blue” variable. Examples can be found here.
<li>
element for more than text-only lists. It’s a critical component in web accessibility. It tells non-sighted users if they’re about to browse a few items of content or hundreds. Any list of content such as news articles, calendar events, academic programs, etc. should be wrapped in <li>
to communicate how many items belong in that list.