2024/01/17 웹접근성 수정

src/main/webapp/WEB-INF/jsp/web/my/myPageDashBoard.jsp

@@ -94,7 +94,7 @@
 <form name="viewForm" id="viewForm">
 	<input type="hidden" name="prcsAplctPrdOrd">
 </form>
-<div class="cont_wrap mypage_wrap">
+<div class="cont_wrap mypage_wrap" id="sub">
 				<div class="cont_tit">
 					<h2>마이페이지</h2>
 					<div class="sns_go">

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

@@ -81,6 +81,8 @@ $(document).ready(function(){
 		btnLast.attr('data-focus-next','sub36_pop02');
 		btnLast.attr('data-focus','sub36_pop02_close');	
 	},100);
+	
+	popCaptionToggle02()
 })
 </script>
 <!-- 일정 상세 -->

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

@@ -272,7 +272,7 @@
 			</div>
 			<div class="popup_cont">
 				<div class="cont_body">
-					<div class="pop_tb_type01" style="overflow:visible;">
+					<div class="pop_tb_type01 tb_input" style="overflow:visible;">
 						<table>
 						<caption>교육문의 - 문의내용 입력</caption>
 							<thead>

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

@@ -1079,6 +1079,8 @@ $(document).ready(function () {
 	boardCaptionToggle();
 	boardCaptionToggle02();
 	boardCaptionToggle03();
+	popCaptionToggle();
+	popCaptionToggle02();
 });
 
 /*function boardCaptionToggle() {
@@ -1149,7 +1151,13 @@ function boardCaptionToggle() {
 function boardCaptionToggle02() {
 	var thLength = $(".tb_list01 th").length;
 	$(".tb_list01").each(function (idx, itm) {
-		var subTit = $(itm).siblings(".cont_tit").find("h2").text()
+		var subTit = "";
+		if($(itm).siblings(".cont_tit").find("h2").length == 1){
+			subTit = $(itm).siblings(".cont_tit").find("h2").text();
+		}else{
+			subTit = $(itm).closest(".tab_content").siblings(".cont_tit").find("h2").text();
+		}
+		
 		var thText = "";
 		$(itm).find("th").each(function (index, item) {
 			thText += $(item).text();
@@ -1201,3 +1209,75 @@ function boardCaptionToggle03() {
 		}
 	})
 }
+
+/* 팝업 caption 자동 생성 */
+function popCaptionToggle() {
+	/*var thLength = $(".pop_tb_type01 th").length;*/
+	$(".pop_tb_type01").each(function (idx, itm) {
+	   var subTit = $(itm).parent(".cont_body").parent(".popup_cont").prev(".popup_tit").find("p").text();
+	   var thText = "";
+	   var thLength = $(itm).find("th").length;
+	   $(itm).children("table").find("tr>th").each(function (index, item) {
+		  thText += $(item).text();
+		  if (index === thLength - 1) {
+			 //마지막 th일 경우 - ,가 들어가면 안됨. 
+			 thText;
+		  } else {
+			 thText += ", ";
+		  }
+ 
+	   })
+	   if ($(".pop_tb_type01 caption").length == 0) {
+		  if($(itm).is(".tb_input")){
+			 $(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보입력 </caption>");
+		  }else{
+			 $(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보제공 </caption>");
+		  }
+		  
+	   } else {
+		  $(itm).find("caption").remove();
+		  if($(itm).is(".tb_input")){
+			 $(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보입력 </caption>");
+		  }else{
+			 $(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보제공 </caption>");
+		  }
+	   }
+	})
+ }
+
+function popCaptionToggle02() {
+	$(".pop_tb_type02").each(function (idx, itm) {
+	   var subTit = $(itm).parent(".cont_body").parent(".popup_cont").prev(".popup_tit").find("p").text();
+	   var thText = "";
+	   var thLength = $(itm).find("th").length;
+	   $(itm).children("table").find("thead>tr>th").each(function (index, item) {
+		
+		console.log(index,item, thLength);
+		  thText += $(item).text();
+		  if (index === thLength - 1) {
+			 //마지막 th일 경우 - ,가 들어가면 안됨. 
+			 thText;
+		  } else {
+			 thText += ", ";
+		  }
+ 
+	   })
+	   if ($(".pop_tb_type02 caption").length == 0) {
+		  if($(itm).is(".tb_input")){
+			 $(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보입력 </caption>");
+		  }else{
+			 $(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보제공 </caption>");
+		  }
+		  
+	   } else {
+		  $(itm).find("caption").remove();
+		  if($(itm).is(".tb_input")){
+			 $(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보입력 </caption>");
+		  }else{
+			 $(itm).find("table").prepend("<caption>" + subTit + " : " + thText + "등의 정보제공 </caption>");
+		  }
+	   }
+	})
+ }
+
+