{"id":5616,"date":"2024-04-14T21:22:13","date_gmt":"2024-04-14T13:22:13","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5616"},"modified":"2024-04-14T21:22:13","modified_gmt":"2024-04-14T13:22:13","slug":"enhance-the-accessibility-of-your-website","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/enhance-the-accessibility-of-your-website\/","title":{"rendered":"\uc6f9\uc0ac\uc774\ud2b8 \uc811\uadfc\uc131 \ud5a5\uc0c1"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p>\u200d<strong>\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c\ub294:<\/strong><\/p>\n<ol start=\"1\">\n<li>\uc6f9\uc0c1\uc758 \uacf5\uc815\uc131\uc744 \uc704\ud55c \uae30\ubc18 \ub9c8\ub828<\/li>\n<li>\uba85\ud655\ud558\uace0 \uc0c1\uc138\ud558\uba70 \uc21c\ucc28\uc801\uc778 \uc81c\ubaa9\uc744 \ud65c\uc6a9\ud558\uc138\uc694.<\/li>\n<li>\uc81c\uc548\ub41c \uc0c9\uc0c1 \uba85\uc554\ube44 \uad6c\ud604<\/li>\n<li>\uba85\ud655\ud558\uace0 \ub208\uc5d0 \ub744\ub294 \uc591\uc2dd \ud544\ub4dc \ub77c\ubca8\uacfc \uc9c0\uc6d0 \ud14d\uc2a4\ud2b8\ub97c \ud65c\uc6a9\ud558\uc138\uc694.<\/li>\n<li>\uc758\ubbf8 \uc788\ub294 \ubc84\ud2bc\uacfc \ud558\uc774\ud37c\ub9c1\ud06c \uc774\ub984\uc744 \ud65c\uc6a9\ud558\uc138\uc694<\/li>\n<li>\uc758\ub3c4\uc801\uc778 \ubaa8\uc158\uacfc \uc560\ub2c8\uba54\uc774\uc158 \ud1b5\ud569<\/li>\n<li>\uace0\uc720\ud55c \uc694\uc18c ID \ud65c\uc6a9<\/li>\n<li>\ubc18\uc751\ud615 \ud14d\uc2a4\ud2b8 \ud06c\uae30 \ud65c\uc6a9<\/li>\n<li>\uc911\uc694\ud55c \uc774\ubbf8\uc9c0\ub9c8\ub2e4 \ub300\uccb4 \ud14d\uc2a4\ud2b8\ub97c \uc81c\uacf5\ud558\uc138\uc694.<\/li>\n<li>\uc811\uadfc\uc131\uc744 \uc9d1\ub2e8\uc801 \uc6b0\uc120\uc21c\uc704\ub85c \uc124\uc815\u200d<\/li>\n<\/ol>\n<p>\uc778\ud130\ub137\uc740 \ubaa8\ub4e0 \uc0ac\ub78c\uc774 \uc811\uc18d\ud560 \uc218 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4. \ud2b9\ud788 \uc2dc\uac01 \uc7a5\uc560, \uc800\uc2dc\ub825, \uc2dc\uac01 \uc7a5\uc560, \uccad\uac01 \uc7a5\uc560, \ub09c\uccad\uc774 \uc788\uac70\ub098 \uc778\uc9c0 \uc7a5\uc560, \uad50\uc721 \uc7a5\uc560, \uc774\ub3d9 \uc7a5\uc560\uac00 \uc788\ub294 \uac1c\uc778\uc5d0\uac8c\ub294 \uadf8\ub807\uc9c0 \uc54a\uc740 \uacbd\uc6b0\uac00 \ub9ce\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<blockquote><p>\uc804 \uc138\uacc4 \uc778\uad6c \uc911 \uc57d 15%\uac00 \uc7a5\uc560\ub97c \uac16\uace0 \uc788\uc2b5\ub2c8\ub2e4. <em>10\uc5b5 \uba85\uc758 \uac1c\uc778<\/em> \ub514\uc790\uc778\uc774 \uc811\uadfc\uc131\uc744 \ub2e4\ub8e8\uc9c0 \uc54a\uc744 \ub54c \ubd80\uc815\uc801\uc778 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc5d0 \uc9c1\uba74\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p><\/blockquote>\n<p>\uc6f9\uc5d0\uc11c \uc811\uadfc\uc131\uc774 \ub5a8\uc5b4\uc9c0\ub294 \uac83\uc740 \uc7a5\uc560\ub098 \ub3c4\uad6c \ubd80\uc871\uc73c\ub85c \uc778\ud55c \uac83\uc774 \uc544\ub2c8\ub77c \ubcf4\uc870 \uae30\uc220(AT)\uc744 \ubc29\ud574\ud558\ub294 \uc124\uacc4\ub85c \uc778\ud574 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. AT\uc5d0\ub294 \uc0ac\ub78c\ub4e4\uc774 \uc628\ub77c\uc778 \uc138\uacc4\uc640 \uc0c1\ud638 \uc791\uc6a9\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub418\ub294 \uc124\uc815\uacfc \uc7a5\uce58\uac00 \ud3ec\ud568\ub429\ub2c8\ub2e4.\u00a0<\/p>\n<p>AT\uc758 \uc608\uc2dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<ul>\n<li><strong>\uc2a4\ud06c\ub9b0 \ub9ac\ub354<\/strong>: \uc2dc\uac01 \uc7a5\uc560, \uccad\uac01 \uc7a5\uc560, \uc800\uc2dc\ub825, \uc778\uc9c0 \ub610\ub294 \uad50\uc721 \uc7a5\uc560\uac00 \uc788\ub294 \uac1c\uc778\uc744 \uc704\ud574 \ud14d\uc2a4\ud2b8, \ubc84\ud2bc, \uc774\ubbf8\uc9c0 \ubc0f \uae30\ud0c0 \ud398\uc774\uc9c0 \uc694\uc18c\ub97c \uc74c\uc131 \ub610\ub294 \uc810\uc790\ub85c \ubcc0\ud658\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\ud655\ub300<\/strong>: \uc800\uc2dc\ub825\uc790\ub97c \uc704\ud574 \ud654\uba74 \ud56d\ubaa9\uc758 \ud06c\uae30\ub97c \ud655\ub300\ud569\ub2c8\ub2e4.\u00a0<\/li>\n<li><strong>\ud0a4\ubcf4\ub4dc<\/strong>: \uc774\ub3d9\uc774 \uc81c\ud55c\ub41c \uac1c\uc778\uc744 \uc704\ud574 \ud0a4\ubcf4\ub4dc \uba85\ub839(\ub9c8\uc6b0\uc2a4 \ub300\uc2e0)\uc744 \ud65c\uc6a9\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\uc74c\uc131 \ubc1b\uc544\uc4f0\uae30<\/strong>: \uc774\ub3d9\uc774 \uc81c\ud55c\ub41c \uac1c\uc778\uc744 \uc704\ud574 \uc74c\uc131(\ub9c8\uc6b0\uc2a4 \ubc0f \ud0a4\ubcf4\ub4dc \ub300\uc2e0)\uc744 \ud65c\uc6a9\ud558\uc5ec \uc6f9\uc744 \ud0d0\uc0c9\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2>\uc6b0\uc218\ud55c \ub514\uc790\uc778 + \ubcf4\uc870\uae30\uc220\uc744 \ud1b5\ud55c \uc6f9\uc0c1\uc758 \ud615\ud3c9\uc131 \ud655\ub9bd<\/h2>\n<p><a href=\"https:\/\/webflow.com\/blog\/accessibility-at-webflow\">Webflow\ub294 \ub354 \ub098\uc740, \ub354 \uc811\uadfc\ud558\uae30 \uc26c\uc6b4 \uc6f9\uc744 \uad6c\ucd95\ud558\uaca0\ub2e4\uace0 \uc57d\uc18d\ud588\uc2b5\ub2c8\ub2e4.<\/a>, \uadf8\ub9ac\uace0 \uc774\ub7ec\ud55c \ub178\ub825\uc740 \ubaa8\ubc94 \uc0ac\ub840, \ud2b9\ud788 <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">\uc6f9 \ucf58\ud150\uce20 \uc811\uadfc\uc131 \uc9c0\uce68(WCAG)<\/a>.\u00a0<\/p>\n<p><a href=\"https:\/\/webaim.org\/projects\/million\/\">WebAIM\uc740 100\ub9cc \uac1c\uc758 \ud648\ud398\uc774\uc9c0\ub97c \ubd84\uc11d\ud588\uc2b5\ub2c8\ub2e4.<\/a> 98%\uc5d0 \ud53c\ud560 \uc218 \uc788\ub294 \uc811\uadfc\uc131 \uc7a5\uc560\ubb3c\uc774 \ud3ec\ud568\ub418\uc5b4 \uc788\uc74c\uc744 \ud655\uc778\ud588\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \ucd5c\uadfc\uc5d0 \uad6c\ud604\ud588\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/webflow.com\/feature\/most-commonly-used-elements-now-keyboard-and-screen-reader-accessible\">\uc0c1\uc790\uc5d0\uc11c \uaebc\ub0b4\uc11c \uc0c1\ub2e8 \uad6c\uc131 \uc694\uc18c\uc5d0 \ub354 \uc27d\uac8c \uc811\uadfc\ud560 \uc218 \uc788\ub3c4\ub85d \uc218\uc815<\/a>. \uc6b0\ub9ac\ub294 \uadc0\ud558\uac00 \uc989\uc2dc \uc2dc\uc791\ud558\uc5ec \uc7a5\ubcbd \uc81c\uac70\uc5d0 \ucc38\uc5ec\ud558\ub3c4\ub85d \uad8c\uc7a5\ud558\uace0 \uc2f6\uc2b5\ub2c8\ub2e4. \uc9c0\uae08 \ubc14\ub85c!<\/p>\n<p>\ubaa8\ub4e0 \uc0ac\ub78c\uc774 \uc6f9\uc0ac\uc774\ud2b8\uc640 \uc6f9\uc5d0 \ub354 \uc27d\uac8c \uc811\uadfc\ud560 \uc218 \uc788\ub3c4\ub85d \ub9cc\ub4dc\ub294 \ub370 \ud06c\uac8c \uae30\uc5ec\ud560 \uc218 \uc788\ub294 \uba87 \uac00\uc9c0 \ubcc0\uacbd \uc0ac\ud56d\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<h2>\uba85\ud655\ud558\uace0 \uc0c1\uc138\ud558\uba70 \uc21c\ucc28\uc801\uc778 \uc81c\ubaa9\uc744 \ud65c\uc6a9\ud558\uc138\uc694.\u00a0<\/h2>\n<p>\uc815\ub9ac\ub418\uc9c0 \uc54a\uc740 \uc6f9 \ucf58\ud150\uce20\ub294 \ubaa8\ub4e0 \uc0ac\uc6a9\uc790, \ud2b9\ud788 \uc778\uc9c0 \uc7a5\uc560\uac00 \uc788\ub294 \uac1c\uc778\uacfc \ud654\uba74 \ud310\ub3c5\uae30\uc5d0 \uc758\uc874\ud558\ub294 \uac1c\uc778\uc5d0\uac8c \ubd80\ub2f4\uc2a4\ub7fd\uace0 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc81c\ubaa9\uc740 \ucf58\ud150\uce20\ub97c \uad6c\uc131\ud558\uace0 \uc0ac\uc6a9\uc790\ub97c \uc0ac\uc774\ud2b8\ub85c \uc548\ub0b4\ud569\ub2c8\ub2e4.\u00a0<\/p>\n<p>\uc81c\ubaa9\uc740 \ud398\uc774\uc9c0\ub97c \uc27d\uac8c \uc2a4\uce94\ud560 \uc218 \uc788\uc5b4\uc57c \ud558\uba70 \ubcf8\ubb38\uc744 \uc77d\uc9c0 \uc54a\uace0\ub3c4 \uba85\ud655\ud55c \ubaa9\uc801\uacfc \ub0b4\uc6a9 \uc694\uc57d\uc744 \uc81c\uacf5\ud574\uc57c \ud569\ub2c8\ub2e4.\u00a0<\/p>\n<p><strong>\uc0bc\uac00\ud558\ub2e4<\/strong>:<\/p>\n<ul>\n<li>\uc2dc\uac01\uc801 \uad6c\ubcc4\uc744 \uc704\ud574\uc11c\ub9cc \uc81c\ubaa9 \uc218\uc900 \uc801\uc6a9<\/li>\n<li>\uc21c\uc804\ud788 \uaddc\uc815 \uc900\uc218\ub97c \uc704\ud574 \uc81c\ubaa9 \ud14d\uc2a4\ud2b8\ub97c \ud65c\uc6a9 - \uc791\ub3d9\ud558\ub294\uc9c0 \ud655\uc778\u00a0<\/li>\n<\/ul>\n<p><strong>\ub300\uc2e0\uc5d0<\/strong>:<\/p>\n<ul>\n<li>\ubaa9\uc801\uc744 \uc815\uc758\ud558\ub294 \ud398\uc774\uc9c0\ub2f9 \ud558\ub098\uc758 H1\uc744 \uc0ac\uc6a9\ud558\uc2ed\uc2dc\uc624(\ub610\ub294 \ud398\uc774\uc9c0\uac00 \uc2e4\uc81c\ub85c \ub450 \uac00\uc9c0 \uc774\uc0c1\uc758 \ubaa9\uc801\uc744 \uc81c\uacf5\ud558\ub294 \uacbd\uc6b0\uc5d0\ub9cc \uc5ec\ub7ec H1\uc744 \ud65c\uc6a9\ud558\uc2ed\uc2dc\uc624).<\/li>\n<li>\uc81c\ubaa9\uc744 \uacc4\uce35\uc801\uc73c\ub85c \uc815\ub82c\ud569\ub2c8\ub2e4(\uc608: H2 \uc544\ub798\uc758 H3).<\/li>\n<\/ul>\n<p>\uc81c\ubaa9\uc744 \uc0ac\uc6a9\ud558\uc5ec \ucf58\ud150\uce20\ub97c \uad6c\uc131\ud558\ub294 \uac83\uc758 \uc911\uc694\uc131\uacfc Webflow\uc5d0\uc11c \uc81c\ubaa9 \uc2a4\ud0c0\uc77c\uc744 \uc9c0\uc815\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\ub824\uba74 \uace0\uae09 \uc6f9 \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c\uc5d0 \ub300\ud55c Webflow \ub300\ud559\uc758 \uad50\uc721 \ube44\ub514\uc624\uc5d0\uc11c \uc81c\ubaa9\uc5d0 \ub300\ud55c \uc774 \uc139\uc158\uc744 \uc0b4\ud3b4\ubcf4\uc138\uc694.<\/p>\n<p><strong>WCAG \ucc38\uc870:<\/strong><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/headings-and-labels.html\">\uc131\uacf5 \uae30\uc900 2.4.6: \uc81c\ubaa9\uacfc \ub808\uc774\ube14<\/a><\/p>\n<h2>\uc81c\uc548\ub41c \uc0c9\uc0c1 \uba85\uc554\ube44 \uc801\uc6a9<\/h2>\n<p>\ud14d\uc2a4\ud2b8\uc640 \ubc30\uacbd \uc0ac\uc774\uc758 \uc801\uc808\ud55c \uc0c9\uc0c1 \ub300\ube44\ub294 \ubaa8\ub4e0 \uc0ac\uc6a9\uc790, \ud2b9\ud788 \uc2dc\uac01 \uc7a5\uc560\uac00 \uc788\ub294 \uac1c\uc778\uc758 \uc0ac\uc774\ud2b8 \uacbd\ud5d8\uacfc \uac00\ub3c5\uc131\uc744 \ud5a5\uc0c1\uc2dc\ud0b5\ub2c8\ub2e4. <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/#contrast-minimum\">WCAG\ub294 \uad8c\uc7a5 \ube44\uc728\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/a> \ud14d\uc2a4\ud2b8 \ud06c\uae30\uc5d0 \ub530\ub978 \ucd5c\uc801\uc758 \ub300\ube44\ub97c \uc704\ud574. \ub300\ube44\ub294 \ub450 \uc0c9\uc0c1 \uc0ac\uc774\uc758 \ubc1d\uae30(\ub610\ub294 \ud718\ub3c4) \ucc28\uc774\ub97c \uc758\ubbf8\ud558\uba70 \ubc94\uc704\ub294 1:1(\uc608: \ud770\uc0c9 \ubc30\uacbd\uc5d0 \ud770\uc0c9 \ud14d\uc2a4\ud2b8)\ubd80\ud130 21:1(\uc608: \ud770\uc0c9 \ubc30\uacbd\uc5d0 \uac80\uc815\uc0c9 \ud14d\uc2a4\ud2b8)\uc785\ub2c8\ub2e4.<\/p>\n<h3>\uc0c9\uc0c1 \ub300\ube44 AA \uc9c0\uce68(\ucd5c\uc18c)<\/h3>\n<ul>\n<li>\ud14d\uc2a4\ud2b8\uc640 \uc774\ubbf8\uc9c0\uc758 \ube44\uc728\uc740 4.5:1\uc744 \uc900\uc218\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<li>\ub354 \ud070 \ud14d\uc2a4\ud2b8(18\ud3ec\uc778\ud2b8 \ub610\ub294 14\ud3ec\uc778\ud2b8 \uad75\uc740 \uae00\uaf34)\uc5d0\ub294 3:1 \ube44\uc728\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h3>\uc0c9\uc0c1 \ub300\ube44 AAA \uc9c0\uce68(\ud5a5\uc0c1\ub428)<\/h3>\n<ul>\n<li>\ud14d\uc2a4\ud2b8\uc640 \uc774\ubbf8\uc9c0\uc758 \ube44\uc728\uc740 7:1\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<li>\ub354 \ud070 \ud14d\uc2a4\ud2b8(\uad75\uac8c 18\ud3ec\uc778\ud2b8 \ub610\ub294 14\ud3ec\uc778\ud2b8)\uc5d0\ub294 4.5:1\uc758 \ube44\uc728\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h3>Webflow\uc758 \ud1b5\ud569 \uc0c9\uc0c1 \ub300\ube44 \ubd84\uc11d\uae30<\/h3>\n<p>Webflow\uc758 \uc0c9\uc0c1 \uc120\ud0dd\uae30\uc5d0\uc11c \uc9c1\uc811 \uc6f9 \uc0ac\uc774\ud2b8\uc758 \ud14d\uc2a4\ud2b8 \uba85\uc554\ube44\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ud14d\uc2a4\ud2b8\uc758 \uba85\uc554\ube44\ub97c \ud45c\uc2dc\ud560 \ubfd0\ub9cc \uc544\ub2c8\ub77c \ud574\ub2f9 \uba85\uc554\ube44\uc5d0 \ud574\ub2f9\ud558\ub294 WCAG \uc218\uc900 \ub4f1\uae09\ub3c4 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d268_5f5a7b99e28eb5c63350ff69_color-contrast-ratio.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" title=\"64b9490068b250bb06c3d268_5f5a7b99e28eb5c63350ff69_color-\uba85\uc554\ube44\"><\/div><figcaption>\uc811\uadfc\uc131 \ud45c\uc900\uc744 \uc900\uc218\ud558\ub294\uc9c0 \ud655\uc778\ud558\uae30 \uc704\ud574 \ud14d\uc2a4\ud2b8\uc758 \uba85\uc554\ube44\ub97c \ud655\uc778\ud558\uc138\uc694.<\/figcaption><\/figure>\n<h4>\uba85\uc554\ube44 \uace1\uc120\uc758 \ud328\ud134<\/h4>\n<p>\uc624\ub978\ucabd \ud314\ub808\ud2b8 \uc544\ub798\uc5d0 \uc788\ub294 \ubbf8\ub9ac\ubcf4\uae30 \uc544\uc774\ucf58(\ub208)\uc744 \uc804\ud658\ud558\uc5ec WCAG\uc758 AA, AAA \ubc0f \uc2e4\ud328 \ub4f1\uae09\uc5d0 \ub300\ud55c \uace1\uc120 \ud328\ud134\uc744 \uad00\ucc30\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ube44\uc728\uc5d0 \ub300\ud55c \uace1\uc120 \ud328\ud134\uc740 \uc0c9\uc870\uc640 \ubd88\ud22c\uba85\ub3c4\uc5d0 \ub300\ud55c \ucc44\ub3c4\uc640 \ubc1d\uae30\uc758 \ubaa8\ub4e0 \ud63c\ud569\uc744 \ud14c\uc2a4\ud2b8\ud558\uc5ec \ud30c\uc0dd\ub429\ub2c8\ub2e4. \uc0c9\uc870\ub098 \ubd88\ud22c\uba85\ub3c4\ub97c \uc870\uc815\ud558\uba74\uc11c \uc6c0\uc9c1\uc774\ub294 \uace1\uc120\uc744 \uad00\ucc30\ud558\uc138\uc694. \uc5b4\ub450\uc6b4 \ubc30\uacbd\uc758 \ubc1d\uc740 \ud14d\uc2a4\ud2b8\ub294 \ud314\ub808\ud2b8 \uc67c\ucabd \uc0c1\ub2e8\uc5d0 AAA \ub4f1\uae09\uc744 \ud45c\uc2dc\ud558\uace0 \uc624\ub978\ucabd \ud558\ub2e8\uc5d0\ub294 \uc2e4\ud328\ub97c \ud45c\uc2dc\ud569\ub2c8\ub2e4. \ubc18\uba74 \ubc1d\uc740 \ubc30\uacbd\uc5d0 \uc5b4\ub450\uc6b4 \ud14d\uc2a4\ud2b8\ub294 \uadf8 \ubc18\ub300\uc785\ub2c8\ub2e4.<\/p>\n<blockquote><p><strong>\ub9e4\ub825\uc801\uc778<\/strong>: \uc0c9\uc0c1 \ub300\ube44 \ubd84\uc11d\uae30\ub294 \uc54c\uace0\ub9ac\uc998\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub450 \uc0c9\uc0c1 \uac04\uc758 \uad11\ub3c4 \ucc28\uc774(\ub300\ube44)\ub97c \uacc4\uc0b0\ud558\uace0 \uc774\ub97c \ud14d\uc2a4\ud2b8 \ud06c\uae30\uc5d0 \ub300\ud55c WCAG \uc9c0\uce68\uacfc \ube44\uad50\ud558\uc5ec \ud3c9\uac00\ud569\ub2c8\ub2e4. \uad75\uc740 \ud14d\uc2a4\ud2b8\uac00 \ub354 \uc791\uc544\ub3c4 \uc5ec\uc804\ud788 \uc77d\uae30 \uc26c\uc6b8 \uc218 \uc788\uc73c\ubbc0\ub85c \uc54c\uace0\ub9ac\uc998\uc740 \uae00\uaf34 \ub450\uaed8\ub97c \uc870\uc815\ud569\ub2c8\ub2e4. \uc791\uc740 \ud14d\uc2a4\ud2b8\ub294 \uac00\ub3c5\uc131\uc744 \uc704\ud574 \ub354 \ub192\uc740 \uad11\ub3c4 \ucc28\uc774\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p><\/blockquote>\n<p>WCAG \ub808\ubca8 \ub4f1\uae09\uc740 \ubc30\uacbd\uc0c9\uacfc \uae00\uaf34\uc758 \ud06c\uae30, \ub450\uaed8, \uc0c9\uc0c1\uc5d0 \uc758\ud574 \uc601\ud5a5\uc744 \ubc1b\uc73c\uba70, &quot;\ubb3c\uc74c\ud45c&quot; \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uba74 \uacf5\uac1c\ub418\ub294 \ubcf4\uc870 \ud14d\uc2a4\ud2b8\ub97c \ud1b5\ud574 \uc124\uba85\ub429\ub2c8\ub2e4. (\uc774 \uba85\uc554\ube44 \uc138\uadf8\uba3c\ud2b8\ub294 \ud14d\uc2a4\ud2b8 \uc694\uc18c\uc758 \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c \uc0c9\uc0c1\uc744 \uc218\uc815\ud558\ub294 \uacbd\uc6b0\uc5d0\ub9cc \ud45c\uc2dc\ub429\ub2c8\ub2e4.)<\/p>\n<blockquote><p><strong>\uc54c\ub9bc<\/strong>: WCAG \uba85\uc554\ube44 \uc9c0\uce68\uc740 \uc774\ubbf8\uc9c0(\ub85c\uace0 \ud3ec\ud568)\uc5d0\ub294 \uc801\uc6a9\ub418\uc9c0 \uc54a\uc9c0\ub9cc, \ud14d\uc2a4\ud2b8\uac00 \ub208\uc5d0 \ub744\ub294 \uc774\ubbf8\uc9c0\uc5d0\ub294 4.5:1 \ube44\uc728\uc744 \uc900\uc218\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \ud14d\uc2a4\ud2b8\uac00 \ud3ec\ud568\ub41c \uc774\ubbf8\uc9c0\ub294 \uc2dc\uac01 \uc7a5\uc560\uac00 \uc788\ub294 \ubc29\ubb38\uc790\uac00 \uc774\ud574\ud558\uae30 \uc5b4\ub835\uace0 \uc885\uc885 \ubd88\uac00\ub2a5\ud560 \uc218 \uc788\ub2e4\ub294 \uc810\uc744 \uba85\uc2ec\ud558\uc2ed\uc2dc\uc624. \uac00\ub2a5\ud560 \ub54c\ub9c8\ub2e4 \uc2a4\ud0c0\uc77c\uc774 \uc9c0\uc815\ub41c \ud14d\uc2a4\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc2ed\uc2dc\uc624.<\/p><\/blockquote>\n<p>\uace0\uae09 \uc6f9 \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c\uc5d0 \ub300\ud55c Webflow \ub300\ud559\uc758 \ube44\ub514\uc624 \uac15\uc758\uc5d0\uc11c \uc0c9\uc0c1 \ub300\ube44\uc758 \uc911\uc694\uc131\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n<p><strong>WCAG \ucc38\uace0\uc790\ub8cc: <\/strong><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum.html\">\uc131\uacf5 \uae30\uc900 1.4.3: \ub300\ube44(\ucd5c\uc18c)<\/a>, <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-enhanced.html\">\uc131\uacf5 \uae30\uc900 1.4.6: \ub300\ube44(\ud5a5\uc0c1)<\/a>, <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/images-of-text.html\">\uc131\uacf5 \uae30\uc900 1.4.5: \ud14d\uc2a4\ud2b8 \uc774\ubbf8\uc9c0<\/a><\/p>\n<h3>Webflow\uc758 \ud1b5\ud569 Vision \ubbf8\ub9ac\ubcf4\uae30\u200d.<br \/><\/h3>\n<\/h3>\n<p>\uc778\uad6c\uc758 \uc0c1\ub2f9 \ubd80\ubd84\uc774 \uc2dc\ub825 \uc7a5\uc560\ub85c \uc778\ud574 \uc601\ud5a5\uc744 \ubc1b\uc2b5\ub2c8\ub2e4. \uadf8\ub7fc\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0, \uc790\uc2e0\uc5d0\uac8c \uadf8\ub7ec\ud55c \uc7a5\uc560\uac00 \uc5c6\ub2e4\uba74 \uc2dc\uac01 \uc7a5\uc560\uac00 \uc788\ub294 \uc0ac\ub78c\uc774 \ub514\uc790\uc778\uc5d0 \ub300\ud55c \uc778\uc2dd\uc744 \uc774\ud574\ud558\ub294 \uac83\uc774 \uc5b4\ub824\uc6b8 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>Webflow\uc758 \uacbd\uc6b0 <strong>\ube44\uc804 \ubbf8\ub9ac\ubcf4\uae30<\/strong>\uc744 \uc0ac\uc6a9\ud558\uba74 \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uc561\uc138\uc2a4\ud560 \ub54c \uc2dc\uac01 \uc7a5\uc560\uac00 \uc788\ub294 \uac1c\uc778\uc758 \uad00\uc810\uc744 \ubcf5\uc81c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub514\uc790\uc778 \ud504\ub85c\uc138\uc2a4\uc758 \ucd08\uae30 \ub2e8\uacc4\uc5d0\uc11c \uc774 \uae30\ub2a5\uc744 \ud65c\uc6a9\ud558\uc5ec \ub514\uc790\uc778\uc758 \uc911\uc694\ud55c \uc815\ubcf4\uac00 \uc0c9\uc0c1\uc5d0\ub9cc \uc758\uc874\ud558\uc9c0 \uc54a\ub3c4\ub85d \ud558\uc138\uc694.<\/p>\n<blockquote><p><strong>\uba85\uc2ec\ud558\uc138\uc694:<\/strong> \ud65c\uc6a9 <strong>\ube44\uc804 \ubbf8\ub9ac\ubcf4\uae30<\/strong> \uc2dc\uac01 \uc7a5\uc560\uc5d0 \ub300\ud55c \ub300\ub7b5\uc801\uc778 \uc124\uba85\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uac1c\uc778\uc758 \uc2dc\ub825, \uc870\uba85 \uc870\uac74, \ud654\uba74 \ubcf4\uc815, \uc6b4\uc601 \uccb4\uc81c \uae30\ubcf8 \uc124\uc815 \ub4f1\uc758 \ubcc0\uc218\uac00 \ubaa8\ub450 \uc774\ub7ec\ud55c \ubbf8\ub9ac \ubcf4\uae30\uc758 \uc815\ud655\uc131\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce60 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/blockquote>\n<p>\ub2e4\uc591\ud55c \uc811\uadfc\uc744 \uc704\ud574\uc11c\ub294 <strong>\ube44\uc804 \ubbf8\ub9ac\ubcf4\uae30<\/strong> \ub300\uc548\uc744 \ucc3e\uc73c\ub824\uba74 \ub2e4\uc74c\uc744 \ud074\ub9ad\ud558\uc138\uc694. <strong>\uce94\ubc84\uc2a4 \uc124\uc815<\/strong> \uac00\uc7a5 \uc717\ubd80\ubd84\uc5d0 \uc704\uce58\ud55c <strong>\ub514\uc790\uc774\ub108<\/strong>.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1500px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d241_62978937ef43ef4e5f4da138_072520canvas2520settings.png\" loading=\"lazy\" alt=\"\ub514\uc790\uc774\ub108\uc758 \uc0c1\ub2e8 \ud328\ub110\uc5d0 \uac15\uc870 \ud45c\uc2dc\ub41c \uce94\ubc84\uc2a4 \uc124\uc815\uc785\ub2c8\ub2e4.\" width=\"auto\" height=\"auto\" title=\"64b9490068b250bb06c3d241_62978937ef43ef4e5f4da138_072520canvas2520\uc124\uc815\"><\/div>\n<\/figure>\n<p>\ud558\ub2e8\uc5d0\uc11c \ubbf8\ub9ac \ubcf4\uace0 \uc2f6\uc740 \uc2dc\uac01 \uc7a5\uc560 \uc720\ud615\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\ub294 \uc635\uc158\uc774 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uce94\ubc84\uc2a4 \uc124\uc815<\/strong> \ud31d\uc5c5 \uba54\ub274.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b948719635d27759d80522_60130a122ef1d085a69d1382_-rtgh5tzxu2whvjmhyrqz-mvc-uauv-d2s8rlmpclv0kg-xjko7vwh8pv7fawcs0juswxwom0azptdog-nquf36ztsyn9ebmiizpuwlaf-1rmko5v-pn4ccrhzgdwigfcfu-ntyr-1.png\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b948719635d27759d80522_60130a122ef1d085a69d1382_-rtgh5tzxu2whvjmhyrqz-mvc-uauv-d2s8rlmpclv0kg-xjko7vwh8pv7fawcs0juswxwom0azptdog-nquf36ztsyn9ebmiizpu wlaf-1rmko5v-pn4ccrhzgdwigfcfu-ntyr-1\"><\/div>\n<\/figure>\n<p>\uc120\ud0dd\ud560 \uc218 \uc788\ub294 \uc2dc\ub825 \uc7a5\uc560\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ol>\n<li>\uc801\ub85d\uc0c9\uc57d(\ub179\uc0c9 \uc57d\ud568, \ub179\uc0c9 \ub9f9\uc778, \ube68\uac04\uc0c9 \uc57d\ud568, \ube68\uac04\uc0c9 \ub9f9\uc778\uc5d0 \ub300\ud55c \ubbf8\ub9ac \ubcf4\uae30)<\/li>\n<li>\uccad\ud669\uc0c9\uc57d(\uccad\uc0c9\uc57d \ubc0f \uccad\ub9f9\uc5d0 \ub300\ud55c \ubbf8\ub9ac\ubcf4\uae30)<\/li>\n<li>\uc644\uc804 \uc0c9\uc57d(\uc0c9\uc0c1\uc57d \ubc0f \ud751\ubc31 \ubbf8\ub9ac\ubcf4\uae30)<\/li>\n<li>\ucd08\uc810 \uc7a5\uc560(\ud750\ub9bf\ud55c \uc2dc\uc57c \ubbf8\ub9ac\ubcf4\uae30)<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow. tenten.co\/wp-content\/uploads\/2024\/04\/64b9490068b250bb06c3d263_6010728b59384d8158b5dc28_6.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" title=\"64b9490068b250bb06c3d263_6010728b59384d8158b5dc28_6\"><\/div>\n<\/figure>\n<p>\uc120\ud0dd\ud55c \uc2dc\uac01 \uc7a5\uc560\ub294 \uc624\ub978\ucabd\uc5d0 \uc544\uc774\ucf58\uc73c\ub85c \ud45c\uc2dc\ub429\ub2c8\ub2e4. <strong>\uce94\ubc84\uc2a4 \uc124\uc815<\/strong> \uc0c1\ud638 \uc791\uc6a9.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1500px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b948719635d27759d804e9_60130a6bdd0507227269f6b8_onqgmuxpyi_uukzeruarvhpl7scyovbmeeerb_ityio6heggptdcedw0xprqmdlso1nzjthockwolot7t0a9ej5blf-wbotjy6bbjvjkhjtigvhum4aqw3_3eyn3c7zkkpg173ly.png\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b948719635d27759d804e9_60130a6bdd0507227269f6b8_onqgmuxpyi_uukzeruarvhpl7scyovbmeeerb_ityio6heggptdcedw0xprqmdlso1nzjthockwolot7t0a9ej5blf-wbotjy6bbjvjkhjtig vhum4aqw3_3eyn3c7zkpg173ly-1\"><\/div>\n<\/figure>\n<p>\uc2dc\uac01 \uc7a5\uc560\uac00 \uc788\ub294 \uad00\uc810\uc5d0\uc11c \ub514\uc790\uc778\uc744 \ubcf4\ub294 \uac83\uc744 \uc911\ub2e8\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \ud074\ub9ad\ud558\uc138\uc694. <strong>\uce94\ubc84\uc2a4 \uc124\uc815 <\/strong>\ub2e4\uc2dc \uc804\ud658\ud558\uace0 <strong>\ube44\uc804 \ubbf8\ub9ac\ubcf4\uae30<\/strong> \ub3cc\uc544\uac00\ub2e4 <strong>\uc5c6\uc74c<\/strong>.<\/p>\n<blockquote><p><strong>\uba54\ubaa8:<\/strong> Safari\uc758 \ubb38\uc81c\ub85c \uc778\ud574 \ub2e4\uc74c\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. <strong>\ube44\uc804 \ubbf8\ub9ac\ubcf4\uae30<\/strong> Apple\uc758 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c. \ubb38\uc81c\ub294 \ud2b9\ud788 Safari\uac00 url() \uac12\uc774 \ud3ec\ud568\ub41c CSS \ud544\ud130\ub97c iframe\uc5d0 \uc801\uc6a9\ud560 \uc218 \uc5c6\ub294 \uac83\uacfc \uad00\ub828\uc774 \uc788\uc2b5\ub2c8\ub2e4. Webflow\ub294 Apple\uc5d0 \uc774 \ubc84\uadf8\ub97c \uc54c\ub838\uc9c0\ub9cc \ucd94\uc801 \ubc88\ud638\uac00 \uc81c\uacf5\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4. \ub610\ub294 \ub2e4\uc74c\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\ube44\uc804 \ubbf8\ub9ac\ubcf4\uae30 <\/strong>Firefox \ubc0f Chrome \ube0c\ub77c\uc6b0\uc800\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p><\/blockquote>\n<h2>\uba85\ud655\ud558\uace0 \ub208\uc5d0 \ub744\ub294 \uc591\uc2dd \ud544\ub4dc \ub77c\ubca8\uacfc \uc9c0\uc6d0 \ud14d\uc2a4\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc138\uc694.<\/h2>\n<p>\uc591\uc2dd \ud544\ub4dc \ub808\uc774\ube14\uc740 \uc591\uc2dd \ud544\ub4dc\uc758 \uae30\ub2a5\uc774\ub098 \ubaa9\uc801\uc744 \uc124\uba85\ud558\ub294 \uc5ed\ud560\uc744 \ud558\uba70 \uc591\uc2dd\uc758 \uc561\uc138\uc2a4 \uac00\ub2a5\ud55c \ud0d0\uc0c9\uc744 \ucd09\uc9c4\ud558\ub294 \ub370 \ud544\uc218\uc801\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uc0c1\ud638 \uc791\uc6a9 \uc2dc \uc0ac\ub77c\uc9c0\ub294 \ud544\ub4dc \ub0b4\uc758 \uc790\ub9ac \ud45c\uc2dc\uc790 \ud14d\uc2a4\ud2b8\uac00 \uc788\ub294 \uc591\uc2dd \uad6c\uc131 \uc694\uc18c\ub294 \uc778\uc9c0 \uc7a5\uc560\uac00 \uc788\ub294 \uac1c\uc778(\uc2ec\uc9c0\uc5b4 \uc7a5\uc560\uac00 \uc5c6\ub294 \uac1c\uc778\ub3c4 \ud3ec\ud568)\uc774 \uc758\ub3c4\ud55c \uc785\ub825\uc744 \uae30\uc5b5\ud558\ub294 \uac83\uc744 \ubd80\ub2f4\uc2a4\ub7fd\uac8c \ub9cc\ub4ed\ub2c8\ub2e4. \uc9c1\uc811\uc801\uc778 \ud574\uacb0\ubc29\ubc95\uc740 <em>\uc5b8\uc81c\ub098<\/em> \ub208\uc5d0 \ubcf4\uc774\ub294 \uc591\uc2dd \ub77c\ubca8\uacfc \uc9c0\uc6d0 \ud14d\uc2a4\ud2b8\ub97c \uc720\uc9c0\ud569\ub2c8\ub2e4.\u00a0<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d249_62910a014d281694cbf4be3e_hdhnuxsvmagnrnihjtfxsph9judxhhyc7lnjga5h1tzty2psn8vp1sk0vjbha_j0nde20c9ppnin1hshqkhjiuhje4ge_pchwprgjvzpc-i1pjwgnsaioep1a_4ypzdh2b4hafmu-rbdl8-8oa.png\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\uc591\uc2dd\uc758 \uc785\ub825 \ud544\ub4dc \uc678\ubd80\uc5d0 \ub808\uc774\ube14 \ud14d\uc2a4\ud2b8\uac00 \uc788\uace0 \uc785\ub825 \ud544\ub4dc \ub0b4\ubd80\uc5d0 \uc790\ub9ac \ud45c\uc2dc\uc790 \ud14d\uc2a4\ud2b8\uac00 \uc788\ub294 \uc608\uc81c \uc591\uc2dd\uc785\ub2c8\ub2e4. \uc785\ub825 \ud544\ub4dc\uc5d0 \ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud558\uba74 \uc790\ub9ac \ud45c\uc2dc\uc790 \ud14d\uc2a4\ud2b8\uac00 \uc0ac\ub77c\uc9d1\ub2c8\ub2e4.\" title=\"64b9490068b250bb06c3d249_62910a014d281694cbf4be3e_hdhnuxsvmagnrnihjtfxsph9judxhhyc7lnjga5h1tzty2psn8vp1sk0vjbha_j0nde20c9ppnin1hshqkhjiuhje4ge_pchwprgj vzpc-i1pjwgnsaioep1a_4ypzdh2b4hafmu-rbdl8-8oa\"><\/div>\n<\/figure>\n<p>Webflow\uc5d0\uc11c \uc644\ubcbd\ud558\uac8c \uc561\uc138\uc2a4 \uac00\ub2a5\ud55c \uc591\uc2dd\uc744 \uad6c\ucd95\ud558\ub824\uba74 \ud604\uc7ac \ub9de\ucda4\ud615 \uc811\uadfc \ubc29\uc2dd\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uadc0\ud558\ub294 \ub2e4\uc74c\uc744 \uace0\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uc0c1\ud45c<\/strong> ID \ubc0f \uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131\uacfc \ud568\uaed8 Designer\uc758 \uad6c\uc131 \uc694\uc18c\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub808\uc774\ube14\uc774 \uc801\uc808\ud558\uac8c \uadf8\ub8f9\ud654\ub418\uace0 \ud574\ub2f9 \uc591\uc2dd \ud544\ub4dc\uc5d0 \uc5f0\uacb0\ub418\ub3c4\ub85d \ubcf4\uc7a5\ud569\ub2c8\ub2e4.\u00a0<\/p>\n<p>\uc811\uadfc \uac00\ub2a5\ud55c \uc591\uc2dd \ub808\uc774\ube14\uc744 \ub9cc\ub4e4\ub824\uba74 \ub2e4\uc74c\uc744 \uc218\ud589\ud569\ub2c8\ub2e4.\u00a0<\/p>\n<ol>\n<li>\uc591\uc2dd \ud544\ub4dc\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4(\uc608: \uc785\ub825, \ud14d\uc2a4\ud2b8 \uc601\uc5ed, \uc120\ud0dd \ub4f1).<\/li>\n<li>\uc785\uc7a5 <strong>\uc694\uc18c \uc124\uc815<\/strong> (\ub54c\ub824\uc11c <strong>\ub514<\/strong> \ud0a4\ubcf4\ub4dc\uc5d0\uc11c)<\/li>\n<li>\uace0\uc720\ud55c \ud560\ub2f9 <strong>ID<\/strong> \uc591\uc2dd \ud544\ub4dc\uc5d0<\/li>\n<li>\uc120\ud0dd\ud558\uc138\uc694 <strong>\uc0c1\ud45c<\/strong> \ubc0f \uc561\uc138\uc2a4 <strong>\uc694\uc18c \uc124\uc815 <\/strong>&gt;<strong> \ub9de\ucda4 \uc18d\uc131<\/strong><\/li>\n<li>\u201c\ub97c \ud074\ub9ad\ud558\uc138\uc694.<strong>...\uc744 \ub354\ud55c<\/strong>&quot; \uc544\uc774\ucf58\u00a0<\/li>\n<li>\uadc0\ud558\uc758 <strong>\uc0c1\ud45c<\/strong> &#039;\ub77c\ub294 \ub9de\ucda4 \uc18d\uc131\uc744 \uc0ac\uc6a9\ud558\uc5ec<strong>~\uc744 \uc704\ud55c<\/strong>&quot;\uc640 \uac19\uc740 \uac12\uc744 \ud3ec\ud568\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. <strong>ID<\/strong> \uc591\uc2dd \ud544\ub4dc\uc5d0 \ud560\ub2f9\ub428<\/li>\n<li>\ubcc0\uacbd \uc0ac\ud56d \uc800\uc7a5<\/li>\n<\/ol>\n<blockquote><p><strong>\ud544\uc218\uc801\uc778<\/strong>: \uc591\uc2dd \ud544\ub4dc ID\uac00 \uace0\uc720\ud558\uace0 \uc5ec\ub7ec \uc694\uc18c \uac04\uc5d0 \uacf5\uc720\ub418\uc9c0 \uc54a\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694.\u00a0<\/p><\/blockquote>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d23d_62910a02c7eebad94ef586c5_zy7pwbkyysqndvtdj2gu2vnqm09g3bpa7wqzcpgwr-84azxwmpttzpuazywhmhwzinspiq0-turl6rrxxpr4iuidea7xjxvgbp7uiyhbx4rb-mko20wkw-rzkegtvx9yauq1l8eqjjvgkptww.png\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\uc591\uc2dd \uc694\uc18c \ub0b4\uc758 \ud14d\uc2a4\ud2b8 \ud544\ub4dc\uc5d0 \ub300\ud55c \uc694\uc18c \uc124\uc815\uc785\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8 \ud544\ub4dc\uc758 ID\ub294 &quot;\uc774\ub984&quot;\uc73c\ub85c \uc124\uc815\ub429\ub2c8\ub2e4.\" title=\"64b9490068b250bb06c3d23d_62910a02c7eebad94ef586c5_zy7pwbkyysqndvtdj2gu2vnqm09g3bpa7wqzcpgwr-84azxwmpttzpuazywhmhwzinspiq0-turl6rrxxpr4iuidea7xjxvgbp7uiy hbx4rb-mko20wkw-rzkegtvx9yauq1l8eqjjvgkptww\"><\/div>\n<\/figure>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div>\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d238_62910a023e00f83e282c2418_ibc-qbjjovdue-e6e48e4uhfuxog2ngk2ecv8svrvot4vtyibpgrjx2xsgdgj2i9fmcwy2m3lhhuyjiwj-duh3g-wh59za1d-x_k_xuexvjgpl7_uqgwzufymuu1jpuept7-xblscqoq4ln_xq.png\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\uc694\uc18c \uc124\uc815 \ud328\ub110\uc758 \uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131 \uc139\uc158. \uc0c8 \ub9de\ucda4 \ub77c\ubca8 \uc18d\uc131\uc744 \ucd94\uac00\ud558\ub294 &#039;\ub354\ud558\uae30&#039; \uc544\uc774\ucf58\uc774 \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b9490068b250bb06c3d238_62910a023e00f83e282c2418_ibc-qbjjovdue-e6e48e4uhfuxog2ngk2ecv8svrvot4vtyibpgrjx2xsgdgj2i9fmcwy2m3lhhuyjiwj-duh3g-wh 59za1d-x_k_xuexvjgpl7_uqgwzufymuu1jpuept7-xblscqoq4ln_xq\"><\/div>\n<\/figure>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d244_62910a027a7207e7711e839d_3_nq5td87uvkl7eks5apyeyeg7tf5log0-dne0lmgrsss9nzf4mkrjhfdigz0x4aixiiyhxkghpebf9sjk3ne8q2g9rpgxaz9g7cxlbsvrn2_zj0xngc2a14ova6yvcuom_2p6z-qkobrkvlng.png\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\uc774\ub984 \ud544\ub4dc\uac00 &quot;for&quot;\ub85c \uc124\uc815\ub418\uace0 \uac12 \ud544\ub4dc\uac00 &quot;\uc774\ub984&quot;\uc73c\ub85c \uc124\uc815\ub41c &quot;\uc18d\uc131 \ucd94\uac00&quot; \ubaa8\ub2ec \uba54\ub274\" title=\"64b9490068b250bb06c3d244_62910a027a7207e7711e839d_3_nq5td87uvkl7eks5apyeyeg7tf5log0-dne0lmgrsss9nzf4mkrjhfdigz0x4aixiiyhxkghpebf9sjk3ne8q2g9rpg xaz9g7cxlbsvrn2_zj0xngc2a14ova6yvcuom_2p6z-qkobrkvlng\"><\/div>\n<\/figure>\n<\/figure>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d24c_62910a0222000dd63ccfc910_5hsfdsewfu9r-kjwdxlbnkum_siii3imx7w_04qhcocnz-feek71t_dhnqmwrqaipaz14_q1xj-_czycn6mceal32mro8lunsme6foi7tirg_4umc-x5pndmj5e2k2ttruwdczb06kppxczgxw.png\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\uc591\uc2dd \ub808\uc774\ube14\uc5d0 \ub300\ud55c \uc694\uc18c \uc124\uc815\uc758 \uc0ac\uc6a9\uc790 \uc815\uc758 \uc18d\uc131 \uc139\uc158\uc785\ub2c8\ub2e4. \ub77c\ubca8\uc5d0\ub294 for=&quot;Name&quot;\uc73c\ub85c \uc124\uc815\ub41c \ub9de\ucda4 \uc18d\uc131\uc774 \uc788\uc2b5\ub2c8\ub2e4.\" title=\"64b9490068b250bb06c3d24c_62910a0222000dd63ccfc910_5hsfdsewfu9r-kjwdxlbnkum_siii3imx7w_04qhcocnz-feek71t_dhnqmwrqaipaz14_q1xj-_czycn6mceal32mro8luns me6foi7tirg_4umc-x5pndmj5e2k2ttruwdczb06kppxczgxw\"><\/div>\n<\/figure>\n<p>\ub610\ud55c \uad00\ub828 \ud0dc\uadf8\uc640 \uc601\uc5ed\uc744 \ud568\uaed8 \uc815\ub82c\ud558\uc5ec \ud615\uc2dd \uad6c\uc131 \uc694\uc18c\ub97c \uc7ac\ud65c\uc6a9\ud560 \uc218 \uc788\ub294 \uc635\uc158\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>Webflow\uc5d0\uc11c \ud0dc\uadf8\uc640 \uc601\uc5ed\uc744 \ud1b5\ud569\ud558\ub824\uba74:<\/p>\n<ol>\n<li>\uc2dc\uc791\ud558\ub2e4 <strong>\uc139\uc158 \ud3ec\ud568<\/strong> (\uc218\ub3c4\uaf2d\uc9c0 <strong>\ub098<\/strong> \ud0a4\ubcf4\ub4dc\uc5d0\uc11c)<\/li>\n<li>\ub4dc\ub86d <strong>\ube14\ub85d \ubd84\ud560<\/strong> \ud615\uc2dd \uc694\uc18c\uc5d0<\/li>\n<li>\uad00\ub828 \ub77c\ubca8\uacfc \uc601\uc5ed\uc744 <strong>\ube14\ub85d \ubd84\ud560<\/strong> (\ub808\uc774\ube14\uc774 \uc601\uc5ed \uc694\uc18c \uc55e\uc5d0 \uc788\ub294\uc9c0 \ud655\uc778)<\/li>\n<\/ol>\n<p>\ud604\uc7ac\ub294 <strong>\ube14\ub85d \ubd84\ud560<\/strong> (<strong>\uba85\ub839<\/strong> + <strong>\uc528<\/strong> Mac\uc5d0\uc11c \ub610\ub294 <strong>Ctrl \ud0a4<\/strong> + <strong>\uc528<\/strong> Windows\uc758 \uacbd\uc6b0)\ub97c \uc0bd\uc785\ud558\uace0(<strong>\uba85\ub839<\/strong> + <strong>V<\/strong> Mac\uc5d0\uc11c \ub610\ub294 <strong>Ctrl \ud0a4<\/strong> + <strong>V<\/strong> Windows\uc758 \uacbd\uc6b0)\uc744 \uc591\uc2dd\uc5d0 \ucd94\uac00\ud558\uc138\uc694. \uc591\uc2dd \uc601\uc5ed\uc744 \uc0c8\ub85c \ud560\ub2f9\ud574\uc57c \ud569\ub2c8\ub2e4. <strong>\uc2e0\uc6d0<\/strong> \uadf8\ub9ac\uace0 \ub77c\ubca8\uc744 \uc218\uc815\ud558\uc138\uc694 <strong>\ub9de\ucda4 \uc18d\uc131<\/strong> \uc7ac\uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc720\ud615 \uc601\uc5ed \uc678\ubd80\uc758 \uba85\ud655\ud55c \ub808\uc774\ube14\uc740 \uc6f9 \uc0ac\uc774\ud2b8 \uc0ac\uc6a9\uc790\uac00 \ud544\ub4dc\uc758 \ubaa9\uc801\uc744 \uae30\uc5b5\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub420 \ubfd0\ub9cc \uc544\ub2c8\ub77c \uc2dc\uac01 \uc7a5\uc560\uac00 \uc788\ub294 \uc6f9 \uc0ac\uc774\ud2b8 \uc0ac\uc6a9\uc790\ub97c \uc704\ud55c \uc0c9\uc0c1 \ube44\uad50 \uc124\uc815\ub3c4 \uc900\uc218\ud569\ub2c8\ub2e4(\uc790\ub9ac \ud45c\uc2dc\uc790 \ud14d\uc2a4\ud2b8\uac00 \ub300\uac1c \uc605\uae30 \ub54c\ubb38\uc5d0). \ub610\ud55c \ud654\uba74 \ud310\ub3c5\uae30\uc5d0\uac8c \uacf5\uc9c0\ud560 \uc801\uc808\ud55c \ub808\uc774\ube14\uc5d0 \ub300\ud55c \uc561\uc138\uc2a4 \uad8c\ud55c\uc744 \ubd80\uc5ec\ud569\ub2c8\ub2e4.<\/p>\n<p>\u200d<strong>WCAG \uc5b8\uae09<\/strong>: <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/headings-and-labels.html\">\uc131\uacf5 \uae30\uc900 2.4.6: \uc81c\ubaa9\uacfc \ub808\uc774\ube14<\/a><\/p>\n<h2>\uc758\ubbf8 \uc788\ub294 \ubc84\ud2bc\uacfc \ub9c1\ud06c \uc81c\ubaa9\uc744 \uc0ac\uc6a9\ud558\uc138\uc694.<\/h2>\n<p>\ud654\uba74 \ud310\ub3c5\uae30\ub294 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud398\uc774\uc9c0\uc758 \ubaa8\ub4e0 \uc5f0\uacb0\uc5d0 \ub300\ud55c \uac1c\uc694\ub97c \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubaa9\ub85d\uc5d0\uc11c \ucee8\ud14d\uc2a4\ud2b8 \uc5c6\uc774 \ub9c1\ud06c\ub97c \uc77d\uc744 \ub54c \ub3c5\uc790\uc5d0\uac8c \uc804\ub2ec\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n<ol>\n<li>\uc5f0\uacb0\uc774 \ubb34\uc5c7\uc785\ub2c8\uae4c?<\/li>\n<li>\uadf8\uac83\uc774 \uc5b4\ub514\ub85c \uc774\uc5b4\uc9c0\ub294\uac00<\/li>\n<\/ol>\n<p><strong>\ud53c\ud558\ub2e4<\/strong><\/p>\n<ul>\n<li>&#039;\uc790\uc138\ud788&#039;, &#039;\uc774 \ud398\uc774\uc9c0&#039; \ub610\ub294 &#039;\uc5ec\uae30\ub97c \uc120\ud0dd\ud558\uc138\uc694&#039;\uc640 \uac19\uc740 \uc77c\ubc18\uc801\uc778 \uc6a9\uc5b4\ub85c \uc5f0\uacb0\uc744 \uc0bd\uc785\ud558\uc138\uc694.<\/li>\n<li>\uc6d0\uc2dc URL\uc744 \uc6f9 \ub9c1\ud06c\ub85c \ud65c\uc6a9<\/li>\n<\/ul>\n<p><strong>\ucc38\uc5ec\ud558\ub2e4<\/strong><\/p>\n<ul>\n<li>\uac1c\uc778\uc5d0\uac8c \ub9c1\ud06c\uc758 \ubaa9\uc801\uc9c0\uc640 \uadf8\uacf3\uc5d0 \uac00\uace0 \uc2f6\uc5b4\ud558\ub294 \uc774\uc720\ub97c \uc54c\ub824\uc8fc\ub294 \uba85\ud655\ud558\uace0 \uc815\ud655\ud55c \uc5b8\uc5b4\ub85c \uc5f0\uacb0\uc744 \uc0bd\uc785\ud558\uc138\uc694.<\/li>\n<li>\ub9c1\ud06c\uac00 \uc5f0\uacb0\ub41c \ud14d\uc2a4\ud2b8 \ub0b4\uc5d0\uc11c PDF \ub610\ub294 \ube44\ub514\uc624\uc640 \uac19\uc740 \uace0\ub300\uc5ed\ud3ed \ubbf8\ub514\uc5b4\ub97c \uacf5\uac1c\ud558\ub294\uc9c0 \ud45c\uc2dc<\/li>\n<\/ul>\n<p>\uc6f9\ud398\uc774\uc9c0\uc758 \ub3c4\uc6c0\uc774 \ub418\uc9c0 \uc54a\ub294 \ub9c1\ud06c\ub97c \uc54c\ub9ac\ub294 \ud654\uba74 \ud310\ub3c5\uae30\uc758 \uc608\ub97c \ubcf4\ub824\uba74 Webflow \ub300\ud559\uc758 \uace0\uae09 \uc6f9 \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c \uad50\uc721 \uc138\uc158\uc5d0\uc11c \ub9c1\ud06c \ubd80\ubb38\uc744 \uc0b4\ud3b4\ubcf4\uc138\uc694.<\/p>\n<p>\uc774\uc0c1, <a href=\"http:\/\/webaim.org\/techniques\/hypertext\/\">\uc5f0\uacb0\uc5d0 \uad00\ud55c WebAIM\uc758 \uae30\uc0ac\ub97c \uc0b4\ud3b4\ubcf4\uc2ed\uc2dc\uc624.<\/a>.<\/p>\n<p><strong>WCAG \ucc38\uc870:<\/strong><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/link-purpose-in-context.html\">\uc131\uacf5 \uae30\uc900 2.4.4: \ub9c1\ud06c \ubaa9\uc801(\ucee8\ud14d\uc2a4\ud2b8 \ub0b4)<\/a>, <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/link-purpose-link-only.html\">\uc131\uacf5 \uae30\uc900 2.4.9: \ub9c1\ud06c \ubaa9\uc801(\ub9c1\ud06c\ub9cc)<\/a><\/p>\n<h2>\ubc30\ub824 \uc788\ub294 \ud65c\ub3d9\uacfc \uc6c0\uc9c1\uc784\uc744 \ud65c\uc6a9\ud558\ub77c<\/h2>\n<p>\ud2b9\uc815 \uc6f9\ud398\uc774\uc9c0 \uc560\ub2c8\uba54\uc774\uc158\uacfc \uae5c\ubc15\uc774\ub294 \ucf58\ud150\uce20\ub294 \uc804\uc815 \ubc0f \uac10\uad11\uc131 \ud569\ubcd1\uc99d\uc774 \uc788\ub294 \uac1c\uc778\uc758 \uac74\uac15\uc5d0 \ud574\ub85c\uc6b4 \uc601\ud5a5\uc744 \ubbf8\uce60 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc5d0\ub294 \uba40\ubbf8\uc640 \ubc1c\uc791\uc744 \uc720\ubc1c\ud558\ub294 \uac83\ub3c4 \ud3ec\ud568\ub429\ub2c8\ub2e4. \ub514\uc790\uc778\uc744 \ub9cc\ub4e4 \ub54c \ucc98\uc74c\ubd80\ud130 \uc811\uadfc\uc131\uc744 \uace0\ub824\ud558\uace0 \uac11\uc791\uc2a4\ub7fd\uac70\ub098 \uacfc\ub3c4\ud55c \uc6c0\uc9c1\uc784\uc774\ub098 \uae5c\ubc15\uc784\uc73c\ub85c \uc778\ud574 \ud574\ub97c \ub07c\uce58\uc9c0 \uc54a\ub294 \uc548\uc804\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud615\uc131\ud558\ub294 \uac83\uc774 \uac00\uc7a5 \uc88b\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p><strong>\ud53c\ud558\ub2e4<\/strong>:\u00a0<\/p>\n<ul>\n  <liGenerate animations with flashing or blinking that transpires over 3 times per second<\/li>\n<li>\ube60\ub974\uac70\ub098 \uc608\uc0c1\uce58 \ubabb\ud55c \uc6c0\uc9c1\uc784\uc73c\ub85c \uad6c\uc131\u00a0<\/li>\n<li>\ubaa8\uc158\uc744 \ud65c\uc6a9\ud558\uc5ec \uc911\uc694\ud558\uac70\ub098 \uac00\uce58 \uc788\ub294 \ub370\uc774\ud130 \uc804\ub2ec<\/li>\n<\/ul>\n<p><strong>\uacf5\uc5f0\ud558\ub2e4<\/strong>:<\/p>\n<ul>\n<li>\uc720\ud574\ud55c \uae5c\ubc15\uc774\ub294 \ucf58\ud150\uce20\ub97c \uc81c\uac70\ud558\uc138\uc694\u00a0<\/li>\n<li>\uc560\ub2c8\uba54\uc774\uc158\uc774 \uc0ac\uc6a9\uc131\uc5d0 \uae0d\uc815\uc801\uc778 \uc774\uc810\uc744 \uc81c\uacf5\ud558\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694(\uc608: \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud544\uc218 \ucf58\ud150\uce20\ub85c \uc548\ub0b4). \ub610\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc81c\uac70\ud558\uac70\ub098 \uc904\uc774\uae30\ub85c \uc120\ud0dd\ud55c \uc0ac\uc6a9\uc790\ub97c \uc704\ud55c \ub300\uccb4\ubb3c\ub3c4 \uc81c\uacf5\ud569\ub2c8\ub2e4(\uc608: \uc6c0\uc9c1\uc774\ub294 \uc774\ubbf8\uc9c0 \ub300\uc2e0 \uc815\uc801 \uc774\ubbf8\uc9c0 \ud65c\uc6a9).\u00a0<\/li>\n<li>\ubaa8\uc158\uc744 \ube44\ud65c\uc131\ud654\ud558\uae30\ub85c \uc120\ud0dd\ud55c \ubc29\ubb38\uc790\uc5d0 \ub300\ud574 \ud544\uc218 \ub370\uc774\ud130\uac00 \ub204\ub77d\ub418\uc9c0 \uc54a\uc558\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694.\u00a0<\/li>\n<li>\ub2e4\ub978 \ucf58\ud150\uce20(\uc608: \uc2ac\ub77c\uc774\ub4dc \uce90\ub7ec\uc140)\uc640 \ud568\uaed8 \uc790\ub3d9\uc73c\ub85c \uc2dc\uc791\ub418\uace0 5\ucd08 \uc774\uc0c1 \uacc4\uc18d\ub418\ub294 \uc774\ub3d9 \ub610\ub294 \uae5c\ubc15\uc774\ub294 \uc694\uc18c\ub97c \uc911\uc9c0 \ubc0f\/\ub610\ub294 \uc911\uc9c0\ud558\ub294 \uc81c\uc5b4 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uace0 \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h3>Webflow\uc758 \ubc30\uacbd \ube44\ub514\uc624\uc6a9 \ud1b5\ud569 \uc7ac\uc0dd\/\uc77c\uc2dc \uc815\uc9c0 \uba54\ucee4\ub2c8\uc998<\/h3>\n<p>\ubc30\uacbd \ube44\ub514\uc624\ub294 \uc8fc\uc758\ub97c \ub04c\uac70\ub098 \uc0ac\uc774\ud2b8 \ubc29\ubb38\uc790\ub97c \ucc38\uc5ec\uc2dc\ud0a4\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub420 \uc218 \uc788\uc9c0\ub9cc \uc778\uc9c0 \uc7a5\uc560, \uba40\ubbf8 \ub610\ub294 \uc804\uc815 \uc7a5\uc560\uac00 \uc788\ub294 \uac1c\uc778\uc5d0\uac8c\ub294 \ubd88\uc548\ud558\uac70\ub098 \uc2ec\uc9c0\uc5b4 \ud574\ub85c\uc6b8 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc5fc\ub450\uc5d0 \ub450\uace0 \ubc30\uacbd \ube44\ub514\uc624\uc5d0 Webflow\uc5d0 \ud1b5\ud569\ub41c \uc7ac\uc0dd\/\uc77c\uc2dc \uc911\uc9c0 \ubc84\ud2bc \uba54\ucee4\ub2c8\uc998\uc744 \uc0ac\uc6a9\ud558\uba74 \uc0ac\uc774\ud2b8 \ubc29\ubb38\uc790\uac00 \ubc30\uacbd \ube44\ub514\uc624 \ucf58\ud150\uce20\ub97c \uc77c\uc2dc \uc911\uc9c0\ud558\uac70\ub098 \uc7ac\uc0dd\ud558\ub294 \ub370 \ud544\uc694\ud55c \uc81c\uc5b4 \uae30\ub2a5\uc744 \ubcf4\uc720\ud558\ub3c4\ub85d \ubcf4\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc804\ud658\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uc7ac\uc0dd\/\uc77c\uc2dc \uc815\uc9c0 \ubc84\ud2bc \ud1b5\ud569<\/strong> \ub2f9\uc2e0\uc758 <strong>\ubc30\uacbd \ube44\ub514\uc624 \uc124\uc815<\/strong> \uc774 \uc18d\uc131\uc744 \ud65c\uc131\ud654\ud558\uace0 \uc7ac\uc0dd\/\uc77c\uc2dc \uc815\uc9c0 \ubc84\ud2bc\uc758 \ubaa8\uc591\uc744 \uc870\uc815\ud569\ub2c8\ub2e4. \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 \ubc30\uacbd \ube44\ub514\uc624 \uc7ac\uc0dd\/\uc77c\uc2dc \uc911\uc9c0 \uc804\ud658\uc5d0 \ub300\ud55c \uac00\uc774\ub4dc\ub97c \uc0b4\ud3b4\ubcf4\uc138\uc694.\u00a0<\/p>\n<h3>\ub514\uc790\uc778\uc744 \uac80\ud1a0\ud558\uc138\uc694<\/h3>\n<pYou can assess how your designs appear with decreased movement by switching the reduced-motion attribute on your device or browser. Understand more about how to activate and deactivate reduced motion settings.<\/p>\n<p>\u200d<strong>WCAG \ucc38\uc870<\/strong>: <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/pause-stop-hide.html\">\uc131\uacf5 \uae30\uc900 2.2.2: \uc77c\uc2dc \uc911\uc9c0, \uc911\uc9c0, \uc228\uae30\uae30<\/a>, <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/animation-from-interactions.html\">\uc131\uacf5 \uae30\uc900 2.3.3: \uc0c1\ud638 \uc791\uc6a9\uc758 \uc560\ub2c8\uba54\uc774\uc158<\/a><\/p>\n<h2>\uace0\uc720\ud55c \uc694\uc18c ID \uc0ac\uc6a9<\/h2>\n<p>\ub514\uc790\uc774\ub108\uc640 \uac1c\ubc1c\uc790\ub294 \uace0\uc720 \uc2dd\ubcc4\uc790(ID)\ub97c \ud65c\uc6a9\ud558\uc5ec \uc811\uadfc\uc131\uc744 \uc704\ud574 \uc0ac\uc774\ud2b8\ub97c \ucd5c\uc801\ud654\ud558\uace0 \uc0ac\uc6a9\uc790 \uc9c0\uc815 \ucf54\ub4dc\ub85c \uc0ac\uc774\ud2b8 \uae30\ub2a5\uc744 \ud655\uc7a5\ud569\ub2c8\ub2e4. ID\ub294 \uc5f0\uacb0, \uc2a4\ud06c\ub9bd\ud305 \ub610\ub294 \uc2a4\ud0c0\uc77c \uc9c0\uc815(CSS \uc0ac\uc6a9)\uc5d0 \uc720\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<pHowever, utilizing the same ID on multiple elements might cause screen readers to malfunction, as they\u2019ll solely target the initial element with the shared ID, barring screen reader users from accessing.The subsequent components and effectively surfing the webpage.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d260_628bff94de7372529ae8a852_jhetlh44ltdznd_psltirp0josq9ky9g4fstkujpxbi_ry9gerevsjhiigjf9suu5t1dgyzu2oowmaudmpoup9zwtbgsitkvk80htkz2u3t-pp-4w8sq-b0vmbcuugfzto0enex7pej7_aheqa.png\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\ub9c1\ud06c \uc124\uc815\uc758 ID \ud56d\ubaa9 \uc544\ub798\uc5d0 &quot;inner-link&quot;\ub77c\ub294 ID\uac00 \uc785\ub825\ub418\uc5b4 \uc788\ub294 \uc624\ub958\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc624\ub958 \uba54\uc2dc\uc9c0\uc5d0\ub294 &quot;\uc774 ID\ub294 \uc774\ubbf8 \uc0ac\uc6a9 \uc911\uc785\ub2c8\ub2e4.&quot;\ub77c\uace0 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b9490068b250bb06c3d260_628bff94de7372529ae8a852_jhetlh44ltdznd_psltirp0josq9ky9g4fstkujpxbi_ry9gerevsjhiigjf9suu5t1dgyzu2oowmaudmpoup9zwtbgsitkvk80htkz2u 3t-pp-4w8sq-b0vmbcuugfzto0enex7pej7_aheqa-1\"><\/div>\n<\/figure>\n<p>\uc911\ubcf5 \uc694\uc18c ID\ub97c \uc778\uc2dd\ud558\uace0 \ud574\uacb0\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud55c \uc9c0\uce68\uc740 \uac10\uc0ac \ud328\ub110 \uc18c\uac1c \uac15\uc758\uc758 \uc911\ubcf5 \uc694\uc18c ID \uc138\uadf8\uba3c\ud2b8\ub97c \ucc38\uc870\ud558\uc138\uc694.<\/p>\n<p><strong>WCAG \ucc38\uc870<\/strong>: <a href=\"https:\/\/www.w3.org\/TR\/UNDERSTANDING-WCAG20\/ensure-compat-parses.html\">\uc131\uacf5 \uae30\uc900 4.1.1: \uad6c\ubb38 \ubd84\uc11d<\/a><\/p>\n<h2>\ubc18\uc751\ud615 \ud14d\uc2a4\ud2b8 \ud06c\uae30 \uc0ac\uc6a9<\/h2>\n<p>\uc6f9 \ube0c\ub77c\uc6b0\uc800\ub294 \uc0ac\uc6a9\uc790\uac00 \uc6f9\uc0ac\uc774\ud2b8\uc758 \uae30\ubcf8 \ud14d\uc2a4\ud2b8 \ud06c\uae30\ub97c \uc218\uc815\ud558\uace0, \ucf58\ud150\uce20\ub97c \ud655\ub300\ud558\uace0, \uc0ac\uc774\ud2b8\ub97c \ud655\uc7a5\ud558\uc5ec \ubcf4\ub2e4 \uc990\uac70\uc6b4 \uc2dc\uccad \ud658\uacbd\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\ub294 \uace0\uc720\ud55c \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uadf8\ub7fc\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0, \ud53d\uc140(px) \ub2e8\uc704\ub85c \uc2a4\ud0c0\uc77c\uc774 \uc9c0\uc815\ub41c \ud14d\uc2a4\ud2b8\ub294 \ube0c\ub77c\uc6b0\uc800\uc758 \ud14d\uc2a4\ud2b8 \ud06c\uae30 \uc124\uc815\uc744 \ubb34\uc2dc\ud558\ubbc0\ub85c \uc0ac\uc6a9\uc790\uac00 \uc77d\uae30 \ud3b8\ud55c \ud14d\uc2a4\ud2b8\ub97c \ud655\ub300\ud558\ub294 \ub370 \ubc29\ud574\uac00 \ub418\uace0 \ub9cc\uc871\uc2a4\ub7fd\uc9c0 \ubabb\ud55c \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\uac00 \uc0dd\uc131\ub429\ub2c8\ub2e4. &quot;user-scalable=no&quot; \ub610\ub294 &quot;maximum-scale=1.0&quot; \uc18d\uc131\uacfc \ud568\uaed8 &quot;viewport&quot; \uba54\ud0c0 \ud0dc\uadf8\ub97c \ud3ec\ud568\ud558\uba74 \uc0ac\uc6a9\uc790\uac00 \ucf58\ud150\uce20\ub97c \uac80\uc0ac\ud558\uae30 \uc704\ud574 \ud655\ub300\ud558\ub294 \uac83\uc744 \uc81c\ud55c\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc811\uadfc \uac00\ub2a5\ud55c \uc77d\uae30 \ud658\uacbd\uc744 \ubcf4\uc7a5\ud558\ub824\uba74 \ud14d\uc2a4\ud2b8 \ud06c\uae30\uc5d0 \ub8e8\ud2b8 em(rem) \ub2e8\uc704\ub97c \ud65c\uc6a9\ud558\uc138\uc694. Rems\ub294 \uc0ac\uc6a9\uc790\uac00 \uc120\ud0dd\ud55c \uae30\ubcf8 \ud14d\uc2a4\ud2b8 \ud06c\uae30\uc5d0 \ube44\ub840\ud558\uba70 \uc0ac\uc6a9\uc790\uc758 \ube0c\ub77c\uc6b0\uc800 \uae30\ubcf8 \uc124\uc815\uc744 \uace0\ub824\ud569\ub2c8\ub2e4.<\/p>\n<p><strong>\ud53c\ud558\ub2e4<\/strong>:<\/p>\n<ul>\n<li>\ud53d\uc140(px) \ub2e8\uc704\ub85c \ud14d\uc2a4\ud2b8 \ud06c\uae30 \uc2a4\ud0c0\uc77c\ub9c1<\/li>\n<li>&#039;\uc0ac\uc6a9\uc790 \ud655\uc7a5 \uac00\ub2a5&#039; \ub610\ub294 &#039;\ucd5c\ub300 \ud655\uc7a5&#039; \uac12\uc744 &#039;\ubdf0\ud3ec\ud2b8&#039; \uba54\ud0c0 \ud0dc\uadf8\uc5d0 \ud1b5\ud569<\/li>\n<\/ul>\n<p><strong>\uad6c\ud604\ud558\ub2e4<\/strong>:<\/p>\n<ul>\n<li>rem \ub2e8\uc704\ub85c \ud14d\uc2a4\ud2b8 \ud06c\uae30 \uc7a5\uc2dd<\/li>\n<\/ul>\n<h3>Webflow\uc5d0 \ub0b4\uc7a5\ub41c \ud14d\uc2a4\ud2b8 \uc90c \ubbf8\ub9ac\ubcf4\uae30<\/h3>\n<p>Webflow\uc758 \ud14d\uc2a4\ud2b8 \uc90c \ubbf8\ub9ac\ubcf4\uae30\ub97c \uc0ac\uc6a9\ud558\uba74 \ud14d\uc2a4\ud2b8 \uc90c\uc744 \ud65c\uc6a9\ud558\ub294 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ub514\uc790\uc778\uc774 \uc5b4\ub5bb\uac8c \ud45c\uc2dc\ub418\ub294\uc9c0 \ubaa8\ubc29\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub2f9\uc2e0\uc740 <strong>\ud14d\uc2a4\ud2b8 \ud655\ub300 \ubbf8\ub9ac\ubcf4\uae30<\/strong> \uc120\ud0dd\ud558\uc5ec <strong>\uce94\ubc84\uc2a4 \uc124\uc815<\/strong> \uc815\uc810\uc5d0 <strong>\ub514\uc790\uc774\ub108<\/strong>.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1500px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d241_62978937ef43ef4e5f4da138_072520canvas2520settings.png\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\ub514\uc790\uc774\ub108\uc758 \uc0c1\ub2e8 \ud328\ub110\uc5d0 \uac15\uc870 \ud45c\uc2dc\ub41c \uce94\ubc84\uc2a4 \uc124\uc815\uc785\ub2c8\ub2e4.\" title=\"64b9490068b250bb06c3d241_62978937ef43ef4e5f4da138_072520canvas2520\uc124\uc815\"><\/div>\n<\/figure>\n<p>\ubbf8\ub9ac \uacb0\uc815\ub41c \ud14d\uc2a4\ud2b8 \ud06c\uae30\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4(\uc608: <strong>9px<\/strong>, <strong>24px<\/strong>, \ub610\ub294 <strong>32px<\/strong>) \ub610\ub294 \ub458 \uc0ac\uc774\ub97c \uc804\ud658\ud558\uc138\uc694. \ub2e4\ub978 \ud14d\uc2a4\ud2b8 \ud06c\uae30\ub97c \uc0c1\uc0c1\ud558\ub824\uba74 \uc785\ub825\uacfc \uc0c1\ud638\uc791\uc6a9\ud558\uac70\ub098 \uc785\ub825\uc5d0 \uc9d1\uc911\ud558\uace0 <strong>\uc704\ub85c<\/strong> \uadf8\ub9ac\uace0 <strong>\uc544\ub798\uc5d0<\/strong> \ud654\uc0b4\ud45c \ud0a4.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b9490068b250bb06c3d25d_6297ec177a0fbbcf22a57d7d_zv4vw5ssh_z7va_soirtgtelj8lek3h5gw_76hau-sjybsr_vzxkurxpczezkev_oe0kobcs9tvcblpavvaxsfa-1lt1kaoxh6bpnpwizpxnj3dhm1e8k7qsu3_ibf1iqwsixbssgznhmdphqg.png\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\ud14d\uc2a4\ud2b8 \ud655\ub300\/\ucd95\uc18c \ubbf8\ub9ac\ubcf4\uae30 \uc139\uc158\uc740 \uce94\ubc84\uc2a4 \uc124\uc815 \ub0b4\uc5d0\uc11c \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b9490068b250bb06c3d25d_6297ec177a0fbbcf22a57d7d_zv4vw5ssh_z7va_soirtgtelj8lek3h5gw_76hau-sjybsr_vzxkurxpczezkev_oe0kobcs9tvcblpavvaxsfa-1lt1kaoxh6bpn pwizpxnj3dhm1e8k7qsu3_ibf1iqwsixbssgznhmdphqg\"><\/div>\n<\/figure>\n<p>\ud14d\uc2a4\ud2b8 \ud655\ub300\/\ucd95\uc18c\ub85c \ub514\uc790\uc778 \ubbf8\ub9ac\ubcf4\uae30\ub97c \uc911\uc9c0\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \uc2e4\ud589\ud558\uc138\uc694. <strong>\uce94\ubc84\uc2a4 \uc124\uc815<\/strong> \ub2e4\uc2dc \ud55c \ubc88 \ub204\ub974\uace0 <strong>\ucd08\uae30\ud654<\/strong>.<\/p>\n<h6><strong>\uba54\ubaa8<\/strong>: \ud14d\uc2a4\ud2b8 \ud655\ub300\/\ucd95\uc18c \ubbf8\ub9ac\ubcf4\uae30\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uacbd\uc6b0\uc5d0\ub294 \uc791\ub3d9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. <strong>\uae00\uaf34 \ud06c\uae30<\/strong> \uc7ac\uc0b0\uc774 \uace0\uc6a9\ub418\uc5c8\uc2b5\ub2c8\ub2e4. <strong>HTML<\/strong> \uc0ac\uc6a9\uc790 \uc815\uc758 \ucf54\ub4dc\ub97c \ud65c\uc6a9\ud558\ub294 \ud0dc\uadf8. \uc784\uc2dc \ud574\uacb0\ucc45\uc73c\ub85c \ub2e4\uc74c\uc744 \ud3ec\ud568\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uae00\uaf34 \ud06c\uae30<\/strong> ~\ub85c <strong>\ubcf8\ubb38(\ubaa8\ub4e0 \ud398\uc774\uc9c0)<\/strong> \ub300\uc2e0 \ud0dc\uadf8\ub97c \uc9c0\uc815\ud558\uc138\uc694. HTML \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud55c \ub514\uc790\uc778\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/h6>\n<p><strong>WCAG \ucc38\uc870<\/strong>: <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/resize-text.html\">\uc131\uacf5 \uae30\uc900 1.4.4: \ud14d\uc2a4\ud2b8 \ud06c\uae30 \uc870\uc815<\/a><\/p>\n<h2>\ubaa8\ub4e0 \ud575\uc2ec \uc774\ubbf8\uc9c0\uc5d0 \ub300\uccb4 \ud14d\uc2a4\ud2b8\ub97c \ud1b5\ud569\ud558\uc138\uc694.<\/h2>\n<p>\ub300\uccb4 \ud14d\uc2a4\ud2b8(\ub610\ub294 \ub300\uccb4 \ud14d\uc2a4\ud2b8)\ub294 \uc18c\ub9ac\ub0b4\uc5b4 \uc77d\uac70\ub098 \uc774\ubbf8\uc9c0 \ub300\uc2e0 \ud45c\uc2dc\ub418\ub294 \uc774\ubbf8\uc9c0\ub97c \uac04\uacb0\ud558\uac8c \ubb18\uc0ac\ud55c \uac83\uc73c\ub85c, \uc774\ubbf8\uc9c0\ub97c \uc2dc\uac01\ud654\ud558\ub294 \uac83\uc774 \ubd88\uac00\ub2a5\ud560 \ub54c \uc0ac\uc774\ud2b8 \ubc29\ubb38\uc790\uac00 \ud574\ub2f9 \uc774\ubbf8\uc9c0\ub97c \uc774\ud574\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4. \ub300\uccb4 \ud14d\uc2a4\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba74 \uc2dc\uac01 \uc7a5\uc560\uac00 \uc788\uac70\ub098 \uc2dc\uac01 \uc7a5\uc560\uac00 \uc788\ub294 \uc0ac\uc774\ud2b8 \ubc29\ubb38\uc790\uac00 \uc774\ubbf8\uc9c0 \ucf58\ud150\uce20\ub97c \uc774\ud574\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubbf8\uc9c0 \ud30c\uc77c\uc744 \ub85c\ub4dc\ud560 \uc218 \uc5c6\uac70\ub098 \uc0ac\uc6a9\uc790\uac00 \uc774\ubbf8\uc9c0\ub97c \ubcf4\uc9c0 \uc54a\uae30\ub85c \uc120\ud0dd\ud55c \uacbd\uc6b0\uc5d0\ub3c4 \uc774\ubbf8\uc9c0 \ub300\uc2e0 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/p>\n<p><strong>\uc774\ubbf8\uc9c0\uc5d0 \ub300\uccb4 \ud14d\uc2a4\ud2b8\ub97c \ucca8\ubd80\ud558\ub824\uba74:<\/strong><\/p>\n<ol start=\"\">\n<li>\uc561\uc138\uc2a4 <strong>\uc790\uc0b0 \ud328\ub110<\/strong> (\ub204\ub974\ub2e4 <strong>\uc81c\uc774<\/strong> \ud0a4\ubcf4\ub4dc\uc5d0\uc11c)<\/li>\n<li>\uc124\uc815\uc744 \ud074\ub9ad\ud558\uc138\uc694.<strong>\uc7a5\ubd80<\/strong>\ub300\uccb4 \ud14d\uc2a4\ud2b8\uac00 \ud544\uc694\ud55c \uc774\ubbf8\uc9c0 \uc704\ub85c \ub9c8\uc6b0\uc2a4\ub97c \uac00\uc838\uac00\uba74 \ub098\ud0c0\ub098\ub294 \uc544\uc774\ucf58<\/li>\n<li>\uc5d0 \ubb18\uc0ac\ub97c \uc785\ub825\ud558\uc138\uc694. <strong>\uc124\uba85<\/strong> \ud544\ub4dc<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9490068b250bb06c3d25a_5f3e9f7a1c914c0785cc874c_0k0nmy39gy0vg5azfcefxhepru92qat48saptswsgs50p4tqdoi0gyzfbudwtcmz_-n1ra79b4ldqjvrmmi9uisyd3f34otte47s0pie2d04qxgdeme57u_yfp0pb3dwjhlelsls.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9490068b250bb06c3d25a_5f3e9f7a1c914c0785cc874c_0k0nmy39gy0vg5azfcefxhepru92qat48saptswsgs50p4tqdoi0gyzfbudwtcmz_-n1ra79b4ldqjvrmmi9uisyd3f34otte 47s0pie2d04qxgdeme57u_yfp0pb3dwjhlelsls\"><\/div>\n<\/figure>\n<p>\uc774 \ub300\uccb4 \ud14d\uc2a4\ud2b8\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \uc0ac\uc774\ud2b8\uc5d0\uc11c \uc774 \uc790\uc0b0\uc774 \uc0ac\uc6a9\ub420 \ub54c\ub9c8\ub2e4 \uc801\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n<p>\ub610\ud55c \uc21c\uc804\ud788 \uc7a5\uc2dd\uc6a9 \uc774\ubbf8\uc9c0(\uc608: \ud2b9\ubcc4\ud55c \ubaa9\uc801\uc744 \uc81c\uacf5\ud558\uc9c0 \uc54a\uace0 \uc6f9\ud398\uc774\uc9c0\uc758 \uc5b4\ub5a4 \uce21\uba74\uc5d0\ub3c4 \uc815\ubcf4\ub098 \ub9e5\ub77d\uc744 \uc81c\uacf5\ud558\uc9c0 \uc54a\ub294 \uc774\ubbf8\uc9c0)\ub97c \uc7a5\uc2dd\uc6a9\uc73c\ub85c \ud45c\uc2dc\ud558\uc5ec \ud654\uba74 \ud310\ub3c5\uae30\uc5d0\uc11c \ubb34\uc2dc\ub418\ub3c4\ub85d \ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\ubbf8\uc9c0\uc5d0 \uc7a5\uc2dd\uc6a9 \ub77c\ubca8\uc744 \uc9c0\uc815\ud558\ub824\uba74 \ub2e4\uc74c \ub2e8\uacc4\ub97c \ub530\ub974\uc138\uc694.<\/p>\n<ol>\n<li>\uc5f4\uae30 <strong>\uc790\uc0b0 \ud328\ub110<\/strong> (\ub204\ub974\ub2e4 <strong>\uc81c\uc774 <\/strong>\ud0a4\ubcf4\ub4dc\uc5d0\uc11c)<\/li>\n<li>\uc124\uc815\uc744 \ud074\ub9ad\ud558\uc138\uc694.<strong>\uc7a5\ubd80<\/strong>\ub300\uccb4 \ud14d\uc2a4\ud2b8\uac00 \ud544\uc694\ud55c \uc774\ubbf8\uc9c0 \uc704\ub85c \ub9c8\uc6b0\uc2a4\ub97c \uac00\uc838\uac00\uba74 \ub098\ud0c0\ub098\ub294 \uc544\uc774\ucf58<\/li>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>\uc7a5\uc2dd\uc801\uc778<\/strong><\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9490068b250bb06c3d257_5f3e9f8441f1015bad64cf48_yizs9a2zpfku-rhnjr7ib4dlgjqifobvk87b7ymjtqnojlkaoffjzzkgpbhg-phiclctifpexpak-4qadidfioq-8tved6nryat0hzlroitntsvp-kb2js5hs67kxj5ewqwy12bi.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9490068b250bb06c3d257_5f3e9f8441f1015bad64cf48_yizs9a2zpfku-rhnjr7ib4dlgjqifobvk87b7ymjtqnojlkaoffjzzkgpbhg-phiclctifpexpak-4qadidfioq-8tved6nryat0hzlroitnt svp-kb2js5hs67kxj5ewqwy12bi\"><\/div>\n<\/figure>\n<p>\ub300\uccb4 \ud14d\uc2a4\ud2b8\uc5d0 \ub300\ud55c \uc77c\ubc18 \uc9c0\uce68:<\/p>\n<ul>\n<li>\uc5c5\ub85c\ub4dc\ud558\ub294 \ubaa8\ub4e0 \uc8fc\uc694 \uc774\ubbf8\uc9c0(\ub85c\uace0 \ud3ec\ud568)\uc5d0 \ub300\uccb4 \ud14d\uc2a4\ud2b8\ub97c \uc81c\uacf5\ud558\uc138\uc694.<\/li>\n<li>\uc911\uc694\ud55c \uc2dc\uac01\uc801 \uc694\uc18c\ub97c \uac15\uc870\ud558\ub294 \uac04\ub2e8\ud55c \uc124\uba85\uc744 \uc81c\uacf5\ud558\uc138\uc694.<\/li>\n<li>\uc774\ubbf8 \uc874\uc7ac\ud558\ub294 \uc911\ubcf5 \ud14d\uc2a4\ud2b8 \ubc29\uc9c0<\/li>\n<li>&#039;\uc774\ubbf8\uc9c0&#039; \ub610\ub294 &#039;\uadf8\ub9bc&#039;\uc774\ub77c\ub294 \uc6a9\uc5b4\ub97c \uc81c\uc678\ud558\uc138\uc694.<\/li>\n<li>\ud654\uba74 \ud310\ub3c5\uae30\uc5d0\uc11c \uc774\ub97c \uc54c\ub9ac\uc9c0 \uc54a\ub3c4\ub85d \uc21c\uc804\ud788 \uc7a5\uc2dd\uc6a9 \uc774\ubbf8\uc9c0\uc758 \uacbd\uc6b0 \ub300\uccb4 \ud544\ub4dc\uc5d0 \uacf5\ubc31\uc744 \uc0bd\uc785\ud558\uc138\uc694.<\/li>\n<\/ul>\n<p>\uc608\ub97c \ub4e4\uc5b4 \ub2e4\uc74c\uc740 &#039;\uc758 \ub300\uccb4 \ud14d\uc2a4\ud2b8 \uc0ac\uc9c4\uc791\uac00\uc785\ub2c8\ub2e4.<a href=\"https:\/\/affecttheverb.com\/disabledandhere\/\">\uc7a5\uc560\uc778\uacfc \uc5ec\uae30<\/a>\u201d \uc2a4\ud1a1 \uc0ac\uc9c4 \uc81c\uacf5<\/p>\n<p>\ub2e8\ub2e8\ud55c \ubcbd \uc55e\uc5d0 \uc804\uc2dc\ub41c \uc720\uc0c9\uc778\uc885 \uc7a5\uc560\uc778 6\uba85\uc740 \ubbf8\uc18c\ub97c \uc9c0\uc73c\uba70 \ud3ec\uc988\ub97c \ucde8\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc12f \uba85\uc774 \ub4a4\ucabd\uc5d0 \uc11c \uc788\uace0, \uac00\uc6b4\ub370 \ud751\uc778 \uc5ec\uc131\uc774 &quot;disabled and here(\uc7a5\uc560\uc778 \ubc0f \uc5ec\uae30)&quot;\ub77c\uace0 \uc801\ud78c chalkboard \ud45c\uc9c0\ud310\uc744 \ud45c\uc2dc\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc804\uacbd\uc5d0\ub294 \ud720\uccb4\uc5b4\ub97c \ud0c4 \ub0a8\uc544\uc2dc\uc544\uc778\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div>\n    <img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9490068b250bb06c3d26c_5f3daaa7cc99aeff8387367a_wbnwfpjctcw5orvuv1jcza6jjoo68oalsunodtazqodruiz2gtyvlvzvlzg6qvmrlaetsoltbpgdcttsjlkygqngqrh7hmdvb_o9xzerrqxnjr3olhlqlhmfiihqtgyuw5qdumi5\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9490068b250bb06c3d26c_5f3daaa7cc99aeff8387367a_wbnwfpjctcw5orvuv1jcza6jjoo68oalsunodtazqodruiz2gtyvlvzvlzg6qvmrlaetsoltbpgdcttsjlkygqngqrh7hmdvb_o9x zerrqxnjr3olhlqlhmfiihqtgyuw5qdumi5\">\n  <\/div>\n<\/figure>\n<p>\u200d<\/p>\n<p>\ub2e4\uc74c \ud56d\ubaa9\uc5d0 \ub300\uccb4 \ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud588\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. <strong>\uc790\uc0b0 \uad00\ub9ac\uc790<\/strong> \uceec\ub809\uc158 \ubaa9\ub85d\uacfc \uac19\uc740 \ub300\ud654\ud615 \uc774\ubbf8\uc9c0\uc5d0 \ud14d\uc2a4\ud2b8\uac00 \ud56d\uc0c1 \uc874\uc7ac\ud558\ub3c4\ub85d \ubcf4\uc7a5\ud569\ub2c8\ub2e4. \ub610\ud55c \ud2b9\uc815 \uc2dc\ub098\ub9ac\uc624\uc5d0 \ub300\ud574 \uc774\ubbf8\uc9c0\uc758 \ucee8\ud14d\uc2a4\ud2b8\uac00 \ub2e4\ub978 \uacbd\uc6b0 \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc774\ubbf8\uc9c0\ub97c \uc0bd\uc785\ud560 \ub54c \ub300\uccb4 \ud14d\uc2a4\ud2b8\ub97c \ucca8\ubd80\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ucd94\uac00 \uc9c0\uce68\uacfc \ud1b5\ucc30\ub825\uc744 \uc5bb\uc73c\ub824\uba74 <a href=\"https:\/\/webaim.org\/techniques\/alttext\/\">\ud6a8\uacfc\uc801\uc778 \ub300\uccb4 \ud14d\uc2a4\ud2b8 \uc791\uc131\uc5d0 \uad00\ud55c WebAIM\uc758 \uae30\uc0ac\ub97c \ucc38\uc870\ud558\uc2ed\uc2dc\uc624.<\/a>.<\/p>\n<p><strong>WCAG \ucc38\uc870:<\/strong> <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/non-text-content.html\">\uc131\uacf5 \uae30\uc900 1.1.1: \ud14d\uc2a4\ud2b8\uac00 \uc544\ub2cc \ucf58\ud150\uce20<\/a><\/p>\n<h2>\uc811\uadfc\uc131\uc744 \uc9d1\ub2e8\uc801 \uc6b0\uc120\uc21c\uc704\ub85c \uc218\uc6a9<\/h2>\n<p>Webflow\ub294 \ud29c\ud1a0\ub9ac\uc5bc, \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uac1c\uc120 \ubc0f \ud5a5\ud6c4 \uac10\uc0ac \ub3c4\uad6c\ub97c \ud1b5\ud574 \uadc0\ud558\uc758 \uc811\uadfc\uc131 \ub178\ub825\uc744 \uc9c0\uc18d\uc801\uc73c\ub85c \uc9c0\uc6d0\ud560 \uac83\uc785\ub2c8\ub2e4. \uace7 \ucd9c\uc2dc\ub420 \uc218\ub9ce\uc740 \ud765\ubbf8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\uac00 \ud0d0\uad6c\ud558\uace0, \ubc1c\uc804\ud558\uace0, \ucc3d\uc870\ud558\ub294 \ub3d9\uc548 \uc544\ub798 \ub9ac\uc18c\uc2a4\ub97c \ud1b5\ud574 \uad50\uc721\uc744 \uacc4\uc18d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae30\uc138\ub97c \uc720\uc9c0\ud558\uc790!<\/p>\n<p><strong>\ucd94\uac00 \ud559\uc2b5\uc744 \uc704\ud55c \ucd94\uac00 \ub9ac\uc18c\uc2a4:<\/strong><\/p>\n<ul>\n<li>\uadf8\ub9cc\ud07c <a href=\"https:\/\/www.edx.org\/course\/web-accessibility-introduction\">\uc6f9 \uc811\uadfc\uc131 \uc18c\uac1c<\/a> World Wide Web \ucee8\uc18c\uc2dc\uc5c4\uc758 \uac15\uc88c<\/li>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/\">\uc6f9 \ucf58\ud150\uce20 \uc811\uadfc\uc131 \uc9c0\uce68(WCAG) \ube60\ub978 \ucc38\uc870<\/a><\/li>\n<li><a href=\"https:\/\/www.microsoft.com\/design\/inclusive\/\">\ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8 \ud3ec\uad04 \ub514\uc790\uc778<\/a><\/li>\n<li>\ud5e4\uc774\ub4e0 \ud53c\ucee4\ub9c1(Heydon Pickering)\uc758 \ud0d0\ud5d8 <a href=\"https:\/\/inclusive-components.design\/\">\ud3ec\ud568\ub41c \uad6c\uc131 \uc694\uc18c<\/a><\/li>\n<li><a href=\"https:\/\/webaim.org\/\">WebAIM \ubc29\ubb38<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"\ub514\uc790\uc778 \ud504\ub85c\uc138\uc2a4\uc5d0 \uc811\uadfc\uc131\uc744 \uace0\ub824\ud558\uc138\uc694.","protected":false},"author":2,"featured_media":5176,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[302],"tags":[],"class_list":{"0":"post-5616","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-accessibility","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=5616"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5616\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/5294"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=5616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=5616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=5616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}