웹접근성 검사기능을 이용해서 누구나 접근할 수 있는 웹 콘텐츠를 제작해보세요.체험하기
...
Create the web contents to which anyone can access using web accessibility check feature.Experiencing
| Html-bobswift |
|---|
<!-- external jQuerymodules --> <script type="text/javascript" src="'https://codewww.jquerysynapeditor.com/jquery-3.3.1.js"/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script> <!-- Synap Editor --> <script <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor.config/externals/SEDocModelParser/SEDocModelParser.min.js'></script> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.pkgd/externals/SEShapeManager/SEShapeManager.min.js'></script> <link href<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.pkgd.externals/codeMirror/codemirror.min.cssjs' rel='stylesheet'></script> <script type='"text/css'> <div style="background-color: #ffffff; width:99%; height:500px;"> <div id="synapEditor"> <p> <span class="se-drawing-object-wrapper se-image" data-drawing-object-id="se_49f38f9a-888f-425b-b069-257134736430" style="display: inline-block; text-indent: 0px; vertical-align: baseline;"> <img src="https://javascript" src="https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/xml.min.js"></script> <link rel='stylesheet' href='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.css'> <!-- Synap Editor --> <script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.config_en.js'></script> <script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.js'></script> <link href='https://www.synapeditor.com/se/resource/images/editor/desktop/editor_logo.png" style="vertical-align: bottom; width: 329px; height: 81px;"> </span> </p> <table data-template-id="0" style="width: 100%; margin: 0pxsynapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'> <!-- plugins --> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/plugins/webAccessibilityChecker/webAccessibilityChecker.min.js'></script> <link rel='stylesheet' href='https://www.synapeditor.com/se/resource/synapeditor/plugins/webAccessibilityChecker/webAccessibilityChecker.min.css'> <div style="background-color: #ffffff; width:99%; height:500px;"> <div id="synapEditor"> <colgroup> <p> <col<span styleclass="width: 40%;"> <col style="width: 50%;"> se-drawing-object-wrapper se-image" data-drawing-object-id="se_49f38f9a-888f-425b-b069-257134736430" style="display: inline-block; text-indent: 0px; vertical-align: baseline;"> </colgroup> <tbody> <img src="https://synapeditor.com/se/resource/images/editor/desktop/editor_logo.png" style="vertical-align: bottom; width: 329px; height: 81px;"> <tr> </span> </p> <th scope="col" style="background: rgb(242, 242, 242); font-weight: bold; font-family: Nanum; font-size: 13px; text-align: center; padding: 7px 0px; margin: 0px; border: 1px solid rgb(0, 0, 0);"> <table data-template-id="0" style="width: 100%; margin: 0px;"> <colgroup> <p<col style="marginwidth: 0px40%;"> <span>구분</span><col style="width: 50%;"> </colgroup> </p> <tbody> </th><tr> <th scope="col" style="background: rgb(242, 242, 242); font-weight: bold; font-family: Nanum; font-size: 13px; text-align: center; padding: 7px 0px; margin: 0px; border: 1px solid rgb(0, 0, 0);"> <p style="margin: 0px;"> <span>정의<<span>Division</span> </p> </th> </tr> </th> <tr> <td<th scope="col" style="paddingbackground: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(242, 242, 242); font-weight: bold; font-family: Nanum; font-size: 13px; text-align: center; padding: 7px 0px; margin: 0px; border: 1px solid rgb(0, 0, 0);"> <p style="margin: 0px;"> <span>Definition</span> <span style="font-weight: bold; color: rgb(61, 127, 18);">장애인- 노인 등의 정보통신</span> </p> </th> </tr> <br> <tr> <span style="font-weight: bold; color: rgb(61, 127, 18);">접근성 향상을 위한 권장지침</span> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);"> </p> <p style="margin: 0px;"> </td> <span <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-font-weight: bold; color: rgb(061, 0127, 018);"> >Guideline for Enhancement of the Accessibility of the Disabled and the Elderly to Information and Communication</span> <p style="margin: 0px;"> </p> </td> <span>정보통신 제품과 서비스를 활용하고자 하는 사람에게 이의 활용 가능성이 제공되는 것</span> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);"> </p> </td> <p style="margin: 0px;"> </tr> <span>To provide availability of information <tr>and communication products and services to those who intend to use them.</span> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);"> </p> </td> <p style="margin: 0px;"> </tr> <span style="font-weight: bold; color: rgb(61, 127, 18);">웹 접근성 이니셔티브</span> <tr> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: <br> rgb(0, 0, 0);"> <p style="margin: <span>(</span> 0px;"> <a data-hyperlink-id="758e3650-5ba7-4a9b-919a-ca038b343f35" data-href="http://www.w3.org/WAI/intro/accessibility.php" title="Move to WAI: Web Accessibility Initiative 사이트로 이동website" target="_blank" href="http://www.w3.org/WAI/intro/accessibility.php" style="text-decoration: underline !important; color: rgb(29, 158, 160) !important;"> <span>WAI: Web Accessibility Initiative</span> <span>Web Accessibility Initiative (WAI)</a>span> <span>)</span>a> </p> </td> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);"> <p style="margin: 0px;"> <span>장애를 가진 사람들도 웹을 이용할 수 있도록 보장하는 것으로, 장애를 가진 사람들이 웹 콘텐츠를<<span>Web accessibility is to assure that the disabled can also use the web, by making the web contents </span> <span> </span> <span style="color: rgb(197, 67, 4); padding: 0px; margin: 0px;">인지하고(Perceivable), 운영하고(Operable), 이해하고(Understandable)<>perceivable, operable and understandable</span> <span>, 기술에 상관없이 이용할 수 있도록 견고한(Robust)하게 웹콘텐츠를 만드는 것< for the disabled and robust enough to be utilized regardless of the technology</span> </p> </td> </tr> <tr> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);"> <p style="margin: 0px;"> <a data-hyperlink-id="3b662b73-3896-4c3a-a79c-e718f9768a6b" data-href="http://en.wikipedia.org/wiki/Web_accessibility" title="Move to Wikipedia 사이트로 이동website" target="_blank" href="http://en.wikipedia.org/wiki/Web_accessibility" style="text-decoration: underline !important; color: rgb(29, 158, 160) !important;"> <span style="font-weight: bold; color: rgb(61, 127, 18);">Wikipedia</span> </a> </p> </td> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);"> <p style="margin: 0px;"> <span>Web accessibility is to allow users using not only the standard <span>표준browsers 브라우저but 뿐만also 아니라various 다양한user 사용자agents 에이전트(User Agent)를 사용하는 사람들이 웹 페이지에 접근하기 쉽게 만드는 것으로, 이를 통해 장애인들도 웹을 사용할 수 있도록 보장하는 것<easily access to the web page and to ensure that the disabled can also use the web through that</span> </p> </td> </tr> <tr> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);"> <p style="margin: 0px;"> <a data-hyperlink-id="73ecb492-327a-4c88-acd3-0156491bf5cb" data-href="http://www.nia.or.kr/" title="한국정보화진흥원 사이트로 이동/" title="Move to National Information Society Agency website" target="_blank" href="http://www.nia.or.kr/" style="text-decoration: underline !important; color: rgb(29, 158, 160) !important;"> <span style="font-weight: bold; color: rgb(61, 127, 18);">한국정보화진흥원<>National Information Society Agency</span> </a> </p> </td> <td style="padding: 7px 15px 7px 10px; margin: 0px; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" class=""> <p style="">margin: 0px;"> <span>To <p style="margin: 0px;">ensure that <span style="color: rgb(197, 67, 4); padding: 0px; margin: 0px;">어떠한>any user 사용자(장애인the disabled, the 노인elderly, 등etc.)</span> <span>, 어떠한 기술환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것< in any technical environment can access to all the information provided in a website without a special skill</span> </p> </td> </tr> </tbody> </table> </div> </div> <script> const config = Object.assign(synapEditorConfig, { "editor.license":"/se/resource/license.json", "editor.toolbar": [ "new","|", "WebAccessibilityChecker" ], "editor.menu.show": false }); window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML); </script> |
...