Skip to content

Instantly share code, notes, and snippets.

@miclgael
Last active August 2, 2023 07:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save miclgael/6bd7071c078f86b035e4396070a3cfd3 to your computer and use it in GitHub Desktop.
Save miclgael/6bd7071c078f86b035e4396070a3cfd3 to your computer and use it in GitHub Desktop.
Summary for the table on https://axesslab.com/toggles-suck/
<table>
<tbody>
<tr>
<th>Feature</th>
<td>Toggle</td>
<td>2 Toggle buttons</td>
<td>3+ Toggle buttons</td>
<td>Checkbox</td>
<td>Radio group</td>
</tr>
<tr>
<th>Clickable label</th>
<td>No</td>
<td>No</td>
<td>No</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>Accessible from start</th>
<td>No</td>
<td>No</td>
<td>No</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>Filled means active</th>
<td>No</td>
<td>No</td>
<td>No</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>Filled means</th>
<td>No</td>
<td>No</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>State clear without context</th>
<td>No</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>Does not rely on colour</th>
<td>No</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>Press the thing you want</th>
<td>No</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>Repeated pressing</th>
<td>No</td>
<td>Maybe</td>
<td>Yes</td>
<td>No</td>
<td>Yes</td>
</tr>
<tr>
<th>Proximity principle</th>
<td>No</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>Can be styled</th>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
</tr>
<tr>
<th>Supports auto-save and submit</th>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment