Better Accessibility

Further to our conversation on Twitter. The settings page is hard to use because clicking on “Yes” next to the checkbox doesn’t toggle the setting.

The current code is:

<th scope="row">
	<label for="bodhi_svgs_settings[restrict]"><strong><?php _e( 'Restrict to Administrators?', 'svg-support' ); ?></strong></label>
</th>
										<td>
	<?php printf(
												'<input id="bodhi_svgs_settings[restrict]" name="bodhi_svgs_settings[restrict]" type="checkbox" %2$s />', 'bodhi_svgs_settings_restrict', checked( isset( $bodhi_svgs_options['restrict'] ), true, false ) ); ?>
											<?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' Restricts SVG upload privileges to Administrators.', 'svg-support' ); ?></small>
										</td>

It would make sense to also wrap the “yes” int the <label> like this:

<label for="bodhi_svgs_settings[restrict]">
<?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' Restricts SVG upload privileges to Administrators.', 'svg-support' ); ?></small>
</label>

If that applied to all the settings, it would be easier and more accessible to use.

Thanks