a17t
Version:
Atomic design toolkit. Build beautiful interfaces without reinventing the wheel. Tailwind CSS plugin.
3 lines • 713 B
HTML
<p><strong>Don't use color to communicate.</strong> Instead, use color to support information you communicate through text. When this isn't possible, be sure to use a <code>title</code> attribute.</p>
<p><strong>Be mindful of contrast.</strong> What looks good to you may not be <a href="https://webaim.org/resources/contrastchecker/">readable for others</a>. Text contrast is a good thing!</p>
<p><strong>Support all navigation modes.</strong> Some people will interact with your interface using assitive technologies and/or a keyboard. Build your interface with these different modes in mind (for example, by setting the `tab-index` attribute on all interactive elements that aren't interactive by default).</p>