Inaccessible task list markup

[Heydon]

Hi! Great product. Just thought you ought to know the rendered markup for task lists (https://gohugo.io/content/markdown-extras) is inaccessible i.e. the checkboxes are not correctly labeled.

<ul class="task-list">
  <li><input type="checkbox" disabled="" class="task-list-item"> a task list item</li>
  <li><input type="checkbox" disabled="" class="task-list-item"> list syntax required</li>
  <li><input type="checkbox" disabled="" class="task-list-item"> incomplete</li>
  <li><input type="checkbox" checked="" disabled="" class="task-list-item"> completed</li>
</ul>

You can fix this by wrapping the input and text in a <label>:

<ul class="task-list">
<li><label><input type="checkbox" disabled="" class="task-list-item"> a task list item</label></li>
<li><label><input type="checkbox" disabled="" class="task-list-item"> list syntax required</label></li>
<li><label><input type="checkbox" disabled="" class="task-list-item"> incomplete</label></li>
<li><label><input type="checkbox" checked="" disabled="" class="task-list-item"> completed</label></li>
</ul>

[bep]

Thanks ... You should tell that to GitHub as well; I think I ripped the markup from them.

[Heydon]

@bep Yeah, fair enough! 😁

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.