Mirrors/lucide
1
0
Fork 0
mirror of https://github.com/lucide-icons/lucide.git synced 2025-12-19 09:09:22 +01:00
Code Issues Packages Projects Releases Wiki Activity
Files
212b488dae6a6ea376b613cb6c901b79f887ced0
lucide/docs/images/a11y/interactivity.svg

19 lines
118 KiB
XML
Raw Normal View History

feat(docs): added accessibility guide (#2122) * feat(docs): added a11y guide * feat(docs): add further resources * feat(docs): add more resources & note on aria label usage * feat(docs): update illustration button labels * feat(docs): fix misaligned overlay in icon button alttext illustration * fix(docs): deprecate the use of aria label on illustrations and elaborate on not using it. * feat(docs/a11y): added code examples & rephrased aria-label resource * feat(docs/a11y): fix typos * Update docs/guide/advanced/accessibility.md Co-authored-by: Karsa <contact@karsa.org> * Apply suggestions from code review Reformat headers, add RadixUI example. Co-authored-by: Jakob Guddas <github@jguddas.de> --------- Co-authored-by: Karsa <karsa@sztaki.hu> Co-authored-by: Eric Fennis <eric.fennis@gmail.com> Co-authored-by: Jakob Guddas <github@jguddas.de>
2024-06-17 16:12:24 +02:00
<svg width="480" height="376" viewBox="0 0 480 376" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="480" height="164" rx="24" fill="#3C3C43"/>
<path d="M240 47C240.552 47 241 46.5523 241 46C241 45.4477 240.552 45 240 45C239.448 45 239 45.4477 239 46C239 46.5523 239.448 47 240 47Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M240 40C240.552 40 241 39.5523 241 39C241 38.4477 240.552 38 240 38C239.448 38 239 38.4477 239 39C239 39.5523 239.448 40 240 40Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M240 54C240.552 54 241 53.5523 241 53C241 52.4477 240.552 52 240 52C239.448 52 239 52.4477 239 53C239 53.5523 239.448 54 240 54Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42 98L30 110" stroke="#F45F7A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30 98L42 110" stroke="#F45F7A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M62.4205 111H57.2642V96.4545H62.4631C63.9261 96.4545 65.1856 96.7457 66.2415 97.3281C67.2973 97.9058 68.1094 98.7367 68.6776 99.821C69.2505 100.905 69.5369 102.203 69.5369 103.713C69.5369 105.228 69.2505 106.53 68.6776 107.619C68.1094 108.708 67.2926 109.544 66.2273 110.126C65.1667 110.709 63.8977 111 62.4205 111ZM60.3395 108.365H62.2926C63.2017 108.365 63.9664 108.204 64.5866 107.882C65.2116 107.555 65.6804 107.051 65.9929 106.369C66.3101 105.683 66.4688 104.797 66.4688 103.713C66.4688 102.638 66.3101 101.76 65.9929 101.078C65.6804 100.396 65.214 99.8944 64.5938 99.5724C63.9735 99.2505 63.2088 99.0895 62.2997 99.0895H60.3395V108.365ZM76.6871 111.213C75.5839 111.213 74.6299 110.979 73.8249 110.51C73.0247 110.036 72.4068 109.378 71.9712 108.536C71.5356 107.688 71.3178 106.705 71.3178 105.588C71.3178 104.461 71.5356 103.476 71.9712 102.634C72.4068 101.786 73.0247 101.128 73.8249 100.659C74.6299 100.186 75.5839 99.9489 76.6871 99.9489C77.7904 99.9489 78.7421 100.186 79.5423 100.659C80.3472 101.128 80.9674 101.786 81.4031 102.634C81.8387 103.476 82.0565 104.461 82.0565 105.588C82.0565 106.705 81.8387 107.688 81.4031 108.536C80.9674 109.378 80.3472 110.036 79.5423 110.51C78.7421 110.979 77.7904 111.213 76.6871 111.213ZM76.7013 108.869C77.2032 108.869 77.6223 108.727 77.9585 108.443C78.2946 108.154 78.5479 107.761 78.7184 107.264C78.8936 106.767 78.9812 106.201 78.9812 105.567C78.9812 104.932 78.8936 104.366 78.7184 103.869C78.5479 103.372 78.2946 102.979 77.9585 102.69C77.6223 102.402 77.2032 102.257 76.7013 102.257C76.1947 102.257 75.7686 102.402 75.4229 102.69C75.082 102.979 74.824 103.372 74.6488 103.869C74.4783 104.366 74.3931 104.932 74.3931 105.567C74.3931 106.201 74.4783 106.767 74.6488 107.264C74.824 107.761 75.082 108.154 75.4229 108.443C75.7686 108.727 76.1947 108.869 76.7013 108.869ZM87.0494 104.693V111H84.0238V100.091H86.9073V102.016H87.0352C87.2766 101.381 87.6815 100.879 88.2496 100.51C88.8178 100.136 89.5067 99.9489 90.3164 99.9489C91.074 99.9489 91.7345 100.115 92.2979 100.446C92.8614 100.777 93.2994 101.251 93.6119 101.866C93.9244 102.477 94.0806 103.206 94.0806 104.054V111H91.055V104.594C91.0598 103.926 90.8893 103.405 90.5437 103.031C90.198 102.652 89.7222 102.463 89.1161 102.463C88.7089 102.463 88.3491 102.551 88.0366 102.726C87.7288 102.901 87.4873 103.157 87.3121 103.493C87.1417 103.824 87.0541 104.224 87.0494 104.693ZM99.0007 96.4545V97.9886C99.0007 98.4242 98.9155 98.8693 98.745 99.3239C98.5793 99.7737 98.3568 100.2 98.0774 100.602C97.7981 101 97.4927 101.339 97.1612 101.618L95.826 100.83C96.0627 100.455 96.2711 100.041 96.451 99.5866C96.6357 99.1321 96.728 98.6042 96.728 98.0028V96.4545H99.0007ZM107.19 100.091V102.364H100.62V100.091H107.19ZM102.112 97.4773H105.137V107.648C105.137 107.927 105.18 108.145 105.265 108.301C105.35 108.453 105.469 108.559 105.62 108.621C105.776 108.682 105.956 108.713 106.16 108.713C106.302 108.713 106.444 108.701 106.586 108.678C106.728 108.649 106.837 108.628 106.913 108.614L107.388 110.865C107.237 110.912 107.024 110.967 106.749 111.028C106.475 111.095 106.141 111.135 105.748 111.149C105.019 111.178 104.379 111.08 103.83 110.858C103.286 110.635 102.862 110.29 102.559 109.821C102.256 109.352 102.107 108.76 102.112 108.045V97.4773ZM116.815 96.4545V111H113.789V96.4545H116.815ZM124.21 111.213C123.088 111.213 122.122 110.986 121.312 110.531C120.508 110.072 119.887 109.423 119.452 108.585C119.016 107.742 118.798 106.746 118.798 105.595C118.798 104.473 119.016 103.488 119.452 102.641C119.887 101.793 120.5 101.133 121.291 100.659C122.087 100.186 123.019 99.9489 124.089 99.9489C124.809 99.9489 125.479 100.065 126.099 100.297C126.724 100.524 127.269 100.867 127.733 101.327C128.202 101.786 128.566 102.364 128.827 103.06C129.087 103.751 129.217 104.561 129.217 105.489V106.32H120.006V104.445H126.369C126.369 104.009 126.275 103.623 126.085 103.287C125.896 102.951 125.633 102.688 125.297 102.499C124.965 102.304 124.58 102.207 124.139 102.207C123.68 102.207 123.273 102.314 122.918 102.527C122.567 102.735 122.293 103.017 122.094 103.372C121.895 103.723 121.793 104.113 121.788
<rect x="0.5" y="188.5" width="479" height="187" rx="23.5" fill="#3C3C43"/>
<rect x="0.5" y="188.5" width="479" height="187" rx="23.5" stroke="#1E1E1E"/>
<rect x="218" y="212" width="44" height="44" rx="22" fill="white" fill-opacity="0.05"/>
<rect x="216.5" y="210.5" width="47" height="47" rx="23.5" stroke="#0073FA" stroke-opacity="0.55" stroke-width="3"/>
<path d="M240 235C240.552 235 241 234.552 241 234C241 233.448 240.552 233 240 233C239.448 233 239 233.448 239 234C239 234.552 239.448 235 240 235Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M240 228C240.552 228 241 227.552 241 227C241 226.448 240.552 226 240 226C239.448 226 239 226.448 239 227C239 227.552 239.448 228 240 228Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M240 242C240.552 242 241 241.552 241 241C241 240.448 240.552 240 240 240C239.448 240 239 240.448 239 241C239 241.552 239.448 242 240 242Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M44 286L33 297L28 292" stroke="#36EA83" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M70.4205 299H65.2642V284.455H70.4631C71.9261 284.455 73.1856 284.746 74.2415 285.328C75.2973 285.906 76.1094 286.737 76.6776 287.821C77.2505 288.905 77.5369 290.203 77.5369 291.713C77.5369 293.228 77.2505 294.53 76.6776 295.619C76.1094 296.708 75.2926 297.544 74.2273 298.126C73.1667 298.709 71.8977 299 70.4205 299ZM68.3395 296.365H70.2926C71.2017 296.365 71.9664 296.204 72.5866 295.882C73.2116 295.555 73.6804 295.051 73.9929 294.369C74.3101 293.683 74.4688 292.797 74.4688 291.713C74.4688 290.638 74.3101 289.76 73.9929 289.078C73.6804 288.396 73.214 287.894 72.5938 287.572C71.9735 287.25 71.2088 287.089 70.2997 287.089H68.3395V296.365ZM84.6871 299.213C83.5839 299.213 82.6299 298.979 81.8249 298.51C81.0247 298.036 80.4068 297.378 79.9712 296.536C79.5356 295.688 79.3178 294.705 79.3178 293.588C79.3178 292.461 79.5356 291.476 79.9712 290.634C80.4068 289.786 81.0247 289.128 81.8249 288.659C82.6299 288.186 83.5839 287.949 84.6871 287.949C85.7904 287.949 86.7421 288.186 87.5423 288.659C88.3472 289.128 88.9674 289.786 89.4031 290.634C89.8387 291.476 90.0565 292.461 90.0565 293.588C90.0565 294.705 89.8387 295.688 89.4031 296.536C88.9674 297.378 88.3472 298.036 87.5423 298.51C86.7421 298.979 85.7904 299.213 84.6871 299.213ZM84.7013 296.869C85.2032 296.869 85.6223 296.727 85.9585 296.443C86.2946 296.154 86.5479 295.761 86.7184 295.264C86.8936 294.767 86.9812 294.201 86.9812 293.567C86.9812 292.932 86.8936 292.366 86.7184 291.869C86.5479 291.372 86.2946 290.979 85.9585 290.69C85.6223 290.402 85.2032 290.257 84.7013 290.257C84.1947 290.257 83.7686 290.402 83.4229 290.69C83.082 290.979 82.824 291.372 82.6488 291.869C82.4783 292.366 82.3931 292.932 82.3931 293.567C82.3931 294.201 82.4783 294.767 82.6488 295.264C82.824 295.761 83.082 296.154 83.4229 296.443C83.7686 296.727 84.1947 296.869 84.7013 296.869ZM98.8047 299L95.8359 288.091H98.897L100.587 295.42H100.687L102.448 288.091H105.452L107.242 295.378H107.335L108.996 288.091H112.05L109.089 299H105.886L104.011 292.139H103.876L102.001 299H98.8047ZM113.664 299V288.091H116.598V289.994H116.711C116.91 289.317 117.244 288.806 117.713 288.46C118.181 288.11 118.721 287.935 119.332 287.935C119.484 287.935 119.647 287.944 119.822 287.963C119.997 287.982 120.151 288.008 120.284 288.041V290.726C120.142 290.683 119.945 290.645 119.694 290.612C119.443 290.579 119.214 290.562 119.005 290.562C118.56 290.562 118.163 290.66 117.812 290.854C117.467 291.043 117.192 291.308 116.988 291.649C116.789 291.99 116.69 292.383 116.69 292.828V299H113.664ZM124.646 299.206C123.95 299.206 123.33 299.085 122.786 298.844C122.241 298.598 121.81 298.235 121.493 297.757C121.18 297.274 121.024 296.673 121.024 295.953C121.024 295.347 121.135 294.838 121.358 294.426C121.58 294.014 121.884 293.683 122.267 293.432C122.651 293.181 123.086 292.991 123.574 292.864C124.066 292.736 124.582 292.646 125.122 292.594C125.757 292.527 126.268 292.466 126.656 292.409C127.045 292.348 127.326 292.258 127.501 292.139C127.677 292.021 127.764 291.846 127.764 291.614V291.571C127.764 291.121 127.622 290.773 127.338 290.527C127.059 290.281 126.661 290.158 126.145 290.158C125.6 290.158 125.167 290.278 124.845 290.52C124.523 290.757 124.31 291.055 124.206 291.415L121.408 291.188C121.55 290.525 121.829 289.952 122.246 289.469C122.662 288.981 123.2 288.607 123.858 288.347C124.521 288.081 125.288 287.949 126.159 287.949C126.765 287.949 127.345 288.02 127.899 288.162C128.458 288.304 128.953 288.524 129.384 288.822C129.819 289.121 130.162 289.504 130.413 289.973C130.664 290.437 130.79 290.993 130.79 291.642V299H127.92V297.487H127.835C127.66 297.828 127.426 298.129 127.132 298.389C126.839 298.645 126.486 298.846 126.074 298.993C125.662 299.135 125.186 299.206 124.646 299.206ZM125.513 297.118C125.958 297.118 126.351 297.03 126.692 296.855C127.033 296.675 127.3 296.434 127.494 296.131C127.688 295.828 127.786 295.484 127.786 295.101V293.943C127.691 294.005 127.561 294.062 127.395 294.114C127.234 294.161 127.052 294.206 126.848 294.249C126.644 294.286 126.441 294.322 126.237 294.355C126.034 294.384 125.849 294.41 125.683 294.433C125.328 294.485 125.
</svg>
Reference in New Issue Copy Permalink