2024/01/17 달력 웹접근성 수정

src/main/webapp/WEB-INF/jsp/cmm/fms/EgovBBSFileListCustom.jsp

@@ -128,7 +128,7 @@
 <%-- 					<a href="#" onclick="fn_egov_pdfView('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>' , '<c:out value="${fileVO.fileExtsn}"/>' )"> --%>
 <!-- 						pdf 보기 -->
 <!-- 					</a> -->
-					<button type="button" class="btnType06 pdf_bt" onclick="fn_egov_pdfView('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>' , '<c:out value="${fileVO.fileExtsn}"/>' )" title="파일 다운로드">미리보기</button>
+					<button type="button" class="btnType06 pdf_bt" onclick="fn_egov_pdfView('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>' , '<c:out value="${fileVO.fileExtsn}"/>' )" title="새창열림">미리보기</button>
 				</c:if>
 			</c:if>
 		</li>

src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnClsrmAplctReg.jsp

@@ -893,11 +893,11 @@
 					
 					
 						<div class="calendar_wrap">
-							<duet-date-picker identifier="date"  name="oprtnStrtDt" value="${info.oprtnStrtDt}" pattern="yyyy.MM.dd"/></duet-date-picker>
+							<duet-date-picker identifier="date" class="startDate"  name="oprtnStrtDt" value="${info.oprtnStrtDt}" pattern="yyyy.MM.dd"/></duet-date-picker>
 						</div>
 						~
 						<div class="calendar_wrap">
-							<duet-date-picker identifier="date"  name="oprtnEndDt" value="${info.oprtnEndDt}" pattern="yyyy.MM.dd"/></duet-date-picker>
+							<duet-date-picker identifier="date" class="endDate"  name="oprtnEndDt" value="${info.oprtnEndDt}" pattern="yyyy.MM.dd"/></duet-date-picker>
 						</div>
 						<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker.js"></script>
 						<script>

src/main/webapp/WEB-INF/jsp/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnDocumentDashboard.jsp

@@ -743,7 +743,6 @@
 							</c:forEach>
 						</tbody>
 					</table>
-					<script src="<c:url value='/visitEdu/usr/publish/script/duetdatepicker2.js' /> "></script>
 				</div>
 			
 			</c:when>
@@ -773,6 +772,7 @@
 								<th class="calendar_th">
 									<div class="calendar_wrap">
 										<duet-date-picker identifier="date" class="startDate" name="eduHopeDt"></duet-date-picker>
+										<script src="<c:url value='/visitEdu/usr/publish/script/duetdatepicker2.js' /> "></script>
 									</div>
 								</th>
 								<td>
@@ -914,7 +914,7 @@
 							</tr>
 						</tbody>
 					</table>
-					<script src="<c:url value='/visitEdu/usr/publish/script/duetdatepicker2.js' /> "></script>
+					
 				</div>
 			
 			</c:otherwise>

src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/eduAplctList.jsp

@@ -84,6 +84,21 @@ $(document).ready(function(){
 	});
 	
 	
+	// 달력 웹접근성
+	$(".fc-prev-button").attr("title","이전달로 이동");
+	$(".fc-next-button").attr("title","다음달로 이동");
+	
+	$(".fc-next-button").on("click",function(){
+		var changeDay = $(".fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title").text();
+		$(".fc-scrollgrid.fc-scrollgrid-liquid").find("caption").text(changeDay+" 달력입니다.");
+	});
+	
+	$(".fc-prev-button").on("click",function(){
+		var changeDay = $(".fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title").text();
+		$(".fc-scrollgrid.fc-scrollgrid-liquid").find("caption").text(changeDay+" 달력입니다.");
+	})
+
+	
 });
 
 
@@ -135,12 +150,10 @@ $(document).ready(function(){
 						ex_s_todate = info.startStr;
 						
 						var data = fncEduSelect(s_todate);
-						console.log(data);
 
 						data.forEach(item => {
 							console.log(item);
 						    item.url = '${pageContext.request.contextPath}/web/ve/aplct/sspnIdtmt/eduAplctDetail.do?prcsAplctPrdOrd='+item.prcsAplctPrdOrd; // 여기서 원하는 URL로 대체
-						    
 						});
 						
 						events.push({
@@ -194,10 +207,11 @@ $(document).ready(function(){
 			},
 		});
 		calendar.render();
+		var dayText = $(".fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title").text();
+		$(".fc-scrollgrid.fc-scrollgrid-liquid").prepend("<caption>"+dayText+" 달력입니다.</caption>")
+		
 	});
 
-
-
 	// 대상자 이름, 생년월일, 대상자TB ID
 	/* function fncEduReg(trgtNm, dBirth, sspnIdtmtTrgtOrd){
 		var form = document.regForm;

src/main/webapp/WEB-INF/jsp/web/ve/aplct/sspnIdtmt/popup/eduAplctPopList.jsp

@@ -250,7 +250,7 @@ $(document).ready(function(){
 										<div class="calendar_wrap">
 											<duet-date-picker identifier="date" id="dBirth" class="startDate" id="" min="1940-01-01"></duet-date-picker>
 										</div>
-										<script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker2.js"></script>
+										<%-- <script src="${pageContext.request.contextPath}/visitEdu/usr/publish/script/duetdatepicker2.js"></script> --%>
 									</td>
 								</tr>
 								<tr>

src/main/webapp/visitEdu/usr/publish/css/content.css

@@ -1210,6 +1210,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
 .calendar_wrap:nth-child(2){margin-left: 4px;} */
 .calendar_wrap:only-child {margin: 0;}
 .calendar_wrap .duet-date__dialog-content{padding: 16px 16px 50px;}
+.duet-date__table-header{font-size:15px;}
 .list_top .btn_wrap .duet-date__prev, .list_top .btn_wrap .duet-date__next{height: 32px; padding: 0; display: inline-flex;}
 .list_top .btn_wrap .duet-date__prev:hover, .list_top .btn_wrap .duet-date__next:hover{background-color: #e5e5e5;}
 .calendar_wrap .duet-date__mobile{width: 100%; top: auto; right: auto; left: 0; bottom: 10px;}

src/main/webapp/visitEdu/usr/publish/script/duetdatepicker.js

@@ -43,8 +43,11 @@ $(window).on('load',function(){
 	}
 	
 	// input title
-	$(".startDate .duet-date__input").attr("title","검색 시작날짜를 YYYY.MM.DD 형식으로 입력해주세요");
+	setTimeout(function(){
-	$(".endDate .duet-date__input").attr("title","검색 종료날짜를 YYYY.MM.DD 형식으로 입력해주세요");
+		$(".startDate .duet-date__input").attr("title","검색 시작날짜를 YYYY.MM.DD 형식으로 입력해주세요");
+		$(".endDate .duet-date__input").attr("title","검색 종료날짜를 YYYY.MM.DD 형식으로 입력해주세요");
+	},100)
+	
 	
 	// 이전, 다음달 클릭 시 table caption 변경
 	$(".duet-date__prev").on("click",function(){

src/main/webapp/visitEdu/usr/publish/script/duetdatepicker2.js

@@ -1,7 +1,11 @@
 $(window).on('load',function(){
 	setTimeout(function(){
 		// input title
-		$(".startDate .duet-date__input").attr("title","교육희망일을 YYYY.MM.DD 형식으로 입력해주세요");
+		if($("duet-date-picker").is("#dBirth")){
+			$(".startDate .duet-date__input").attr("title","주민번호 앞자리 입력");
+		}else{
+			$(".startDate .duet-date__input").attr("title","교육희망일을 YYYY.MM.DD 형식으로 입력해주세요");
+		}
 		$(".startDate .duet-date__input").each(function(idx,itm){
 			$(itm).attr("name","eduHopeDt"+idx);
 			$(itm).attr("id","eduHopeDt"+idx);