You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The toggle switch changes color and position to indicate its status.
left and grey is off
right and blue is on
This is WCAG compliant since you're not only communicating with color.
Consider adding I and 0 or "aan" and "uit" to avoid confusion about the state, this is especially helpful for users with a color vision deficiency. This info should not be exposed to screenreaders, hide it with aria-hidden="true". The ARIA checked attribute already communicates it's status.
Good example from iOS:
The text was updated successfully, but these errors were encountered:
The toggle switch changes color and position to indicate its status.
This is WCAG compliant since you're not only communicating with color.
Consider adding I and 0 or "aan" and "uit" to avoid confusion about the state, this is especially helpful for users with a color vision deficiency. This info should not be exposed to screenreaders, hide it with aria-hidden="true". The ARIA checked attribute already communicates it's status.
Good example from iOS:
The text was updated successfully, but these errors were encountered: