Topic: Accessibility: Change list groups with title to be actual lists

gemnijmegenmdbpro pro asked 5 years ago


Accessibility: Change list groups with title to be actual lists Current list groups Such as:
<section class="list-group">
  <h6>Header</h6>
  <ul>
    <li class="list-group-item">Item 1</li>
    <li class="list-group-item">Item 2</li>
  </ul>
</section>

gemnijmegenmdbpro pro answered 5 years ago


/ do not use div elements or a tags as list items

Bartłomiej Malanowski staff commented 5 years ago

Using `div` and `a` tags come from Bootstrap's documentation: http://getbootstrap.com/docs/4.1/components/list-group/#links-and-buttons Moreover, this was intentional, because they wanted to make list items clickable, but using exactly the same classes as ul/li version


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: Yes