Accessibility: Change list groups with title to be actual li

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

pro asked 6 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>

Add comment

pro answered 6 years ago

0 0 Best answer

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

Bartłomiej Malanowski staff pro premium commented 6 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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

User: 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

gemnijmegenmdbpro

Pro User

35Support score
7Questions 1Answers

0Snippets likes 0Snippets