Page History

Create the web contents to which anyone can access using web accessibility check feature.

Experiencing

HTML

<!-- jQueryexternal modules -->
<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 type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEDocModelParser/SEDocModelParser.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEShapeManager/SEShapeManager.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.js'></script>
<script type="text/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/synapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'>

<!-- plugins -->
<script src='https://synapeditor.com/se/resource/synapeditor.config.js'></script>
<scripttype="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.pkgdplugins/webAccessibilityChecker/webAccessibilityChecker.min.js'></script>
<link rel='stylesheet' href='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.pkgd.min.css' rel='stylesheet' type='text/plugins/webAccessibilityChecker/webAccessibilityChecker.min.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://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: 0px;">
                <colgroup>
                    <col style="width: 40%;">
                    <col style="width: 50%;">
                </colgroup>
                <tbody>
                    <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>Division</span>
                            </p>
                        </th>
                        <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>Definition</span>
                            </p>
                        </th>
                    </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;">
                                <span style="font-weight: bold; color: rgb(61, 127, 18);">Guideline for Enhancement of the Accessibility of the Disabled and the Elderly to Information and Communication</span>
                            </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>To provide availability of information and communication products and services to those who intend to use them.</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="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>Web Accessibility Initiative (WAI)</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>&nbsp;</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>

...

Page tree

Versions Compared

Old Version 3

New Version Current

Key

Experiencing