zebra

<p>Zebra is a lightweight APCA colour contrast checker.</p><p><br></p><h2>What is APCA?</h2><p>APCA(Advanced Perceptual Contrast Algorithm) is a modern color contrast algorithm that aims to be be perceptually uniform. It is currently being evaluated as a part of the WCAG 3 draught process.</p><p><br></p><p>Note: Because APCA is still being evaluated, it is likely that some aspects of the algorithm and scoring system will change between APCA versions.</p><p><br></p><p>More info&nbsp;<a href="https://github.com/Myndex/SAPC-APCA/blob/master/WhyAPCA.md" rel="noreferrer noopener nofollow ugc" target="_blank">here</a></p><p><br></p><h2>Using the plugin</h2><p>You can change the input colors manually using the text inputs or you can use <em>selection mode. </em></p><p><br></p><p>Selection mode lets you select colors by clicking around your document.<em> </em>To toggle selection mode, click the icons above the text inputs.</p><p><br></p><p><strong>Font Size Table</strong></p><p>Shows the preferred font size for each font weight at the current contrast level.</p><p><br></p><p><strong>Comparison Table</strong></p><p>Compares the APCA contrast to WCAG 2</p><p><br></p><p><strong>Info</strong></p><p>More info on what exactly each APCA level means.</p><p><br></p><p><br></p><p><strong>V1.0</strong></p><p>If you are looking for the v1.0 tutorial, you can find that here:</p><p><a href="https://medium.com/@danhollick/figma-plugin-tutorial-1-6-65fc2102506" rel="noreferrer noopener nofollow ugc" target="_blank">https://medium.com/@danhollick/figma-plugin-tutorial-1-6-65fc2102506</a></p><p>or here:</p><p><a href="https://alcohollick.com/writing/figma-plugin-tutorial-1-6/" rel="noreferrer noopener nofollow ugc" target="_blank">https://alcohollick.com/writing/figma-plugin-tutorial-1-6/</a></p><p><br></p><h2>Bugs? Suggestions?</h2><p>Zebra is completely open source and the repo is <a href="https://github.com/danhollick/zebra" rel="noreferrer noopener nofollow ugc" target="_blank">here</a>. Feel free to make an issue or start a discussion.</p>