Last active
August 2, 2023 07:05
-
-
Save miclgael/6bd7071c078f86b035e4396070a3cfd3 to your computer and use it in GitHub Desktop.
Summary for the table on https://axesslab.com/toggles-suck/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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