...
| HTML |
|---|
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- Synap Editor -->
<script src='https://synapeditor.com/se/resource/synapeditor.config.js'></script>
<script src='https://synapeditor.com/se/resource/synapeditor/synapeditor.pkgd.min.js'></script>
<link href='https://synapeditor.com/se/resource/synapeditor/synapeditor.pkgd.min.css' rel='stylesheet' 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://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> </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>표준<span>Web 브라우저accessibility 뿐만is 아니라to 다양한allow 사용자users 에이전트(User Agent)를 사용하는 사람들이 웹 페이지에 접근하기 쉽게 만드는 것으로, 이를 통해 장애인들도 웹을 사용할 수 있도록 보장하는 것<using not only the standard browsers but also various user agents 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="한국정보화진흥원 사이트로 이동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 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> |
...