2024/01/12 웹접근성 수정

This commit is contained in:
ITN_디자인팀 2024-01-12 12:51:58 +09:00
parent eaffdb17e5
commit f25fe5f2ad
8 changed files with 81 additions and 52 deletions

View File

@ -283,7 +283,8 @@
</tr> </tr>
</thead> </thead>
<c:forEach var="list" items="${adultList}" varStatus="status" begin="0" end="2"> <c:forEach var="list" items="${adultList}" varStatus="status" begin="0" end="2">
<tr onclick="goAdultDetail('<c:out value="${list.eduAplctOrd}"/>')"> <tr onclick="goAdultDetail('<c:out value="${list.eduAplctOrd}"/>')"
tabindex="0" onkeypress="if(event.keyCode == 13){goAdultDetail('<c:out value="${list.eduAplctOrd}"/>')}">
<!-- <tr > --> <!-- <tr > -->
<td>${list.eduHopeDt}</td> <td>${list.eduHopeDt}</td>
<td><kc:code codeId="VE0007" code="${list.eduSlctCd}"/></td> <td><kc:code codeId="VE0007" code="${list.eduSlctCd}"/></td>
@ -368,7 +369,7 @@
<c:forEach var="list" items="${exprnList}" varStatus="status" begin="0" end="2"> <c:forEach var="list" items="${exprnList}" varStatus="status" begin="0" end="2">
<tr onclick="fncGoDetail('${list.eduAplctOrd}')"> <tr onclick="fncGoDetail('${list.eduAplctOrd}')">
<td> <td>
<a href="javascript:fncGoDetail('${list.eduAplctOrd}');" > <a href="javascript:fncGoDetail('${list.eduAplctOrd}');">
<fmt:parseDate value="${list.frstRegistPnttm}" var="year" pattern="yyyy.MM.dd"/> <fmt:parseDate value="${list.frstRegistPnttm}" var="year" pattern="yyyy.MM.dd"/>
<fmt:formatDate value="${year}" pattern="yyyy년"/> <fmt:formatDate value="${year}" pattern="yyyy년"/>
</a> </a>
@ -408,7 +409,7 @@
</thead> </thead>
<tbody> <tbody>
<c:forEach var="list" items="${fndtnList}" varStatus="status" begin="0" end="2"> <c:forEach var="list" items="${fndtnList}" varStatus="status" begin="0" end="2">
<tr onclick="fncFndtnGoDetail('${list.prcsAplctPrdOrd}')"> <tr onclick="fncFndtnGoDetail('${list.prcsAplctPrdOrd}')" tabindex="0" onkeypress="if(event.keyCode == 13){fncFndtnGoDetail('${list.prcsAplctPrdOrd}')}">
<td> <td>
<c:out value="${list.prcsNm}"/> <c:out value="${list.prcsNm}"/>
</td> </td>
@ -461,10 +462,10 @@
<tbody> <tbody>
<c:forEach var="list" items="${qnaList}" varStatus="status" begin="0" end="2"> <c:forEach var="list" items="${qnaList}" varStatus="status" begin="0" end="2">
<tr> <tr>
<td onclick="qnaGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');" style="cursor:pointer;"> <td onclick="qnaGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');" style="cursor:pointer;" tabindex="0" onkeypress="if(event.keyCode == 13){qnaGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');}">
<ve:code codeId="VE0011" code="${list.lctrDivCd }" /> <ve:code codeId="VE0011" code="${list.lctrDivCd }" />
</td> </td>
<td onclick="qnaGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');" style="cursor:pointer;"> <td onclick="qnaGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');" style="cursor:pointer;" tabindex="0" onkeypress="if(event.keyCode == 13){qnaGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');}">
<c:out value="${list.qnaCn }" /> <c:out value="${list.qnaCn }" />
</td> </td>
<td> <td>

View File

@ -94,10 +94,10 @@ function fncGoDetail(p_pk){
<tbody> <tbody>
<c:forEach var="list" items="${list}"> <c:forEach var="list" items="${list}">
<tr> <tr>
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');" style="cursor:pointer;"> <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');" style="cursor:pointer;" tabindex="0" onkeypress="if(event.keyCode == 13){fncGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');}">
<ve:code codeId="VE0011" code="${list.lctrDivCd }" /> <ve:code codeId="VE0011" code="${list.lctrDivCd }" />
</td> </td>
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');" style="cursor:pointer;"> <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');" style="cursor:pointer;" tabindex="0" onkeypress="if(event.keyCode == 13){fncGoDetail('<c:out value="${list.prcsAplctPrdQnaOrd }" />');}">
<c:out value="${list.qnaCn }" /> <c:out value="${list.qnaCn }" />
</td> </td>
<td> <td>

View File

@ -128,7 +128,7 @@
</div> </div>
<div class="tb_type01 tb_write"> <div class="tb_type01 tb_write">
<table> <table>
<caption>운영신청 상세 (th 명)을 보여주는 표</caption> <caption>운영신청 상세 : 신청일, 처리상태 등의 정보제공</caption>
<colgroup> <colgroup>
<col style="width: 220px;"> <col style="width: 220px;">
<col style="width: auto;"> <col style="width: auto;">
@ -209,6 +209,7 @@
</div> </div>
<div class="tb_type01 tb_write"> <div class="tb_type01 tb_write">
<table> <table>
<caption>신청자 정보 : 학교(기관)명, 학교지역특성, 교사명, 성별, 휴대폰, 전화, 이메일, 주소, 담당교과, 생년월일, 체험교실운영여부, 신청경로 등의 정보제공</caption>
<colgroup> <colgroup>
<col style="width: 220px;"> <col style="width: 220px;">
<col style="width: auto;"> <col style="width: auto;">

View File

@ -445,7 +445,7 @@ $(document).ready(function(){
<td> <td>
<kc:code codeId="VEA001" code="${list.prcsDiv}"/> <kc:code codeId="VEA001" code="${list.prcsDiv}"/>
</td> </td>
<td class="prcsNm_popNm" onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> <td class="prcsNm_popNm" onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;" tabindex="0" onkeypress="if(event.keyCode == 13){fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');}">
<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>) <c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
</td> </td>
<td> <td>

View File

@ -164,7 +164,7 @@ $(document).ready(function(){
</div> </div>
<div class="popup_cont"> <div class="popup_cont">
<div class="cont_body"> <div class="cont_body">
<div class="pop_tb_type01" style="overflow:visible;"> <div class="pop_tb_type01" style="overflow:visible; margin-bottom: 15px;">
<table> <table>
<caption>신청인정보 : 성명, 생년월일, 핸드폰, 이메일, 소속기업, 분야, 저작권 교육 수강 여부, 교육관련 사전질의 등의 정보입력</caption> <caption>신청인정보 : 성명, 생년월일, 핸드폰, 이메일, 소속기업, 분야, 저작권 교육 수강 여부, 교육관련 사전질의 등의 정보입력</caption>
<colgroup> <colgroup>
@ -179,6 +179,7 @@ $(document).ready(function(){
<p>성명</p> <p>성명</p>
</th> </th>
<td> <td>
<label for="chrgNm" class="label">성명 입력</label>
<input type="text" class="twoRow" name="chrgNm" id="chrgNm"/> <input type="text" class="twoRow" name="chrgNm" id="chrgNm"/>
</td> </td>
<th scope="row"> <th scope="row">
@ -195,12 +196,14 @@ $(document).ready(function(){
<p>핸드폰</p> <p>핸드폰</p>
</th> </th>
<td> <td>
<label for="phone" class="label">핸드폰 번호 입력</label>
<input type="text" class="twoRow" name="phone" id="phone"/> <input type="text" class="twoRow" name="phone" id="phone"/>
</td> </td>
<th scope="row"> <th scope="row">
<p>이메일</p> <p>이메일</p>
</th> </th>
<td> <td>
<label for="email" class="label">이메일 입력</label>
<input type="text" class="twoRow" name="email" id="email"/> <input type="text" class="twoRow" name="email" id="email"/>
</td> </td>
</tr> </tr>
@ -209,6 +212,7 @@ $(document).ready(function(){
<p>소속기업</p> <p>소속기업</p>
</th> </th>
<td> <td>
<label for="insttNm" class="label">소속기업 입력</label>
<input type="text" class="twoRow" name="insttNm" id="insttNm"/> <input type="text" class="twoRow" name="insttNm" id="insttNm"/>
</td> </td>
</tr> </tr>
@ -217,6 +221,7 @@ $(document).ready(function(){
<p>분야</p> <p>분야</p>
</th> </th>
<td> <td>
<label for="fldSelect" class="label">분야 선택</label>
<ve:select codeId="VEA014" id="fldSelect" css="class='selType1'" <ve:select codeId="VEA014" id="fldSelect" css="class='selType1'"
selectedValue="" defaultValue='' selectedValue="" defaultValue=''
defaultText="선택" defaultText="선택"
@ -231,6 +236,7 @@ $(document).ready(function(){
<p>저작권 교육 수강 여부</p> <p>저작권 교육 수강 여부</p>
</th> </th>
<td> <td>
<label for="lctrYn" class="label">저작권 교육 수강 여부 입력</label>
<input type="text" class="lctrYn" name="lctrYn" id="lctrYn"/> <input type="text" class="lctrYn" name="lctrYn" id="lctrYn"/>
</td> </td>
</tr> </tr>
@ -239,6 +245,7 @@ $(document).ready(function(){
<p>교육관련 사전질의</p> <p>교육관련 사전질의</p>
</th> </th>
<td colspan="2"> <td colspan="2">
<label for="prvsQs" class="label">교육관련 사전질의 입력</label>
<input type="text" name="prvsQs" id="prvsQs" style="width: 100%;"/> <input type="text" name="prvsQs" id="prvsQs" style="width: 100%;"/>
</td> </td>
</tr> </tr>
@ -250,17 +257,24 @@ $(document).ready(function(){
</tbody> </tbody>
</table> </table>
</div> </div>
<pre>개인정보 처리 동의서
<div class="pop_text">
한국저작권위원회에서는 귀하의 개인정보를 중요시하며, 개인정보보호법 제15조, 제17조, 제22조, 제23조 및 제24조에 따라 아래와 같이 개인정보 처리에 관하여 동의를 얻고자 합니다. <p class="title">개인정보 처리 동의서
<p class="sub_te">한국저작권위원회에서는 귀하의 개인정보를 중요시하며, 개인정보보호법 제15조, 제17조, 제22조, 제23조 및 제24조에 따라 아래와 같이 개인정보 처리에 관하여 동의를 얻고자 합니다.</p>
&lt;개인정보 수집 및 이용에 대한 동의 &gt; <ul>
ο 개인정보의 수집 이용 목적 : 이수증 발급, 이수자 관리 <li>
ο 수집하는 개인정보 항목 : 성명, 생년월일, 휴대전화, 이메일 &lt;개인정보 수집 및 이용에 대한 동의&gt;
ο 개인정보의 보유 및 이용기간 : 사업 종료시까지 <ul>
ο 동의를 거부할 권리가 있다는 사실 및 동의 거부에 따른 불이익이 있는 경우에는 그 불이익의 내용 : 귀하의 개인정보 제공 및 동의를 거부할 권리가 있으며, 위 항목 동의 거부시 수강신청 및 이수증 발급이 어려워질 수 있음 <li>ο 개인정보의 수집 이용 목적 : 이수증 발급, 이수자 관리 </li>
</pre> <li>ο 수집하는 개인정보 항목 : 성명, 생년월일, 휴대전화, 이메일</li>
<div class="pop_btn_wrap btn_layout01"> <li>ο 개인정보의 보유 및 이용기간 : 사업 종료시까지</li>
<li>ο 동의를 거부할 권리가 있다는 사실 및 동의 거부에 따른 불이익이 있는 경우에는 그 불이익의 내용 : 귀하의 개인정보 제공 및 동의를 거부할 권리가 있으며, 위 항목 동의 거부시 수강신청 및 이수증 발급이 어려워질 수 있음</li>
</ul>
</li>
</ul>
</div>
<div class="pop_btn_wrap btn_layout01 ar_bt">
<div class="btn_left"> <div class="btn_left">
</div> </div>
<div class="btn_center"> <div class="btn_center">

View File

@ -618,6 +618,7 @@ $(document).ready(function(){
<!-- list --> <!-- list -->
<div class="tb_list01"> <div class="tb_list01">
<table> <table>
<caption>강의목록 : 교육구분, 과정명, 신청기간, 교육일자, 신청자/정원, 상태, 교육신청 등의 정보제공</caption>
<colgroup> <colgroup>
<%-- <col style="width: 5%"> --%> <%-- <col style="width: 5%"> --%>
<col style="width: 10%"> <col style="width: 10%">
@ -631,13 +632,13 @@ $(document).ready(function(){
<thead> <thead>
<tr> <tr>
<!-- <th>NO</th> --> <!-- <th>NO</th> -->
<th>교육구분</th> <th scope=“col”>교육구분</th>
<th>과정명</th> <th scope=“col”>과정명</th>
<th>신청기간</th> <th scope=“col”>신청기간</th>
<th>교육일자</th> <th scope=“col”>교육일자</th>
<th>신청자/정원</th> <th scope=“col”>신청자/정원</th>
<th>상태</th> <th scope=“col”>상태</th>
<th>교육신청</th> <th scope=“col”>교육신청</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -649,7 +650,7 @@ $(document).ready(function(){
<td> <td>
<kc:code codeId="VEA001" code="${list.prcsDiv}"/> <kc:code codeId="VEA001" code="${list.prcsDiv}"/>
</td> </td>
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;"> <td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;" tabindex="0" onkeypress="if(event.keyCode == 13){fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');}">
<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>) <c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
</td> </td>
<td> <td>

View File

@ -231,33 +231,36 @@ $(document).ready(function(){
<div class="cont_body"> <div class="cont_body">
<div class="pop_tb_type01" style="overflow:visible;"> <div class="pop_tb_type01" style="overflow:visible;">
<table> <table>
<caption>교육대상자 확인 : 성명, 주민번호앞자리, 성별 등의 정보입력</caption>
<colgroup> <colgroup>
<col style="width:38%;"> <col style="width:38%;">
<col style="width:auto;"> <col style="width:auto;">
</colgroup> </colgroup>
<tr> <tbody>
<th>성명</th> <tr>
<td> <th scope=“row”>성명</th>
<input type="text" id="trgtNm"> <td>
</td> <label for="trgtNm" class="label">성명 입력</label>
</tr> <input type="text" id="trgtNm">
<tr> </td>
<th>주민번호앞자리</th> </tr>
<td> <tr>
<div class="calendar_wrap"> <th scope=“row”>주민번호앞자리</th>
<duet-date-picker identifier="date" id="dBirth" class="startDate" id="" min="1940-01-01"></duet-date-picker> <td>
</div> <div class="calendar_wrap">
<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker2.js"></script> <duet-date-picker identifier="date" id="dBirth" class="startDate" id="" min="1940-01-01"></duet-date-picker>
</td> </div>
</tr> <script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker2.js"></script>
<tr> </td>
<th>성별</th> </tr>
<td> <tr>
<input type="radio" id="sexM" name="sex" value="M" checked="checked"> <label class="" for="sexM">남성</label> <th scope=“row”>성별</th>
<input type="radio" id="sexF" name="sex" value="F"> <label class="" for="sexF">여성</label> <td>
</td> <input type="radio" id="sexM" name="sex" value="M" checked="checked"> <label class="" for="sexM">남성</label>
</tr> <input type="radio" id="sexF" name="sex" value="F"> <label class="" for="sexF">여성</label>
</td>
</tr>
</tbody>
</table> </table>
</div> </div>

View File

@ -110,6 +110,15 @@
/* 기소유예 - 교육취소 */ /* 기소유예 - 교육취소 */
.btnType01.right {float:right; margin:0 0 5px 0;} .btnType01.right {float:right; margin:0 0 5px 0;}
/*신청인 정보 팝업 수정 */
.pop_text{border: 1px solid #d5d5d5; padding: 15px; margin: 0 0 -5px 0;}
.pop_text .title{margin: 0 0 10px 0; font-weight: 500;}
.pop_text .sub_te{font-size: 15px; color :#666; margin: 0 0 10px 0; line-height: 1.2;}
.pop_text ul{color :#666; line-height: 1.4; font-size: 14px;}
.ar_bt{background-color: #f5f5f5; padding: 10px 0; margin: 0 0 -5px 0;}
@media all and (max-width: 767px){ @media all and (max-width: 767px){
.popup_cont {padding: 10px;} .popup_cont {padding: 10px;}