somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

웹 접근성 수정사항

Browse Source
This commit is contained in:
JSYOO 2021-11-25 17:29:14 +09:00
parent fa9deeb430
commit 069d642f46
4 changed files with 26 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/main/webapp/WEB-INF/jsp/nlib/login/memberSnsForm.jsp
View File

@ -27,8 +27,11 @@
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<script>
$(document).ready(function() {
fn_setPageTitle("회원가입");
});
</script>
<!-- 회원가입 섹션 --> <!-- 회원가입 섹션 -->
<section class="location join"> <section class="location join">
<h2 class="blind">회원가입 섹션영역</h2> <h2 class="blind">회원가입 섹션영역</h2>
@ -49,15 +52,15 @@
<div class="join-box"> <div class="join-box">
<div class="step"> <div class="step">
<div class="s1 on"> <div class="s1 on">
<div class="icon"><img src="/images/icon/icon-join-step1-on.png" alt="본인인증 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step1-on.png" alt="SNS인증"></div>
<div class="text"><p>STEP 01</p><p>본인인증</p></div> <div class="text"><p>STEP 01</p><p>본인인증</p></div>
</div> </div>
<div class="s2"> <div class="s2">
<div class="icon"><img src="/images/icon/icon-join-step2.png" alt="약관동의 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step2.png" alt="약관동의"></div>
<div class="text"><p>STEP 02</p><p>약관동의</p></div> <div class="text"><p>STEP 02</p><p>약관동의</p></div>
</div> </div>
<div class="s3"> <div class="s3">
<div class="icon"><img src="/images/icon/icon-join-step3.png" alt="정보입력 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step3.png" alt="정보입력"></div>
<div class="text"><p>STEP 03</p><p>정보입력</p></div> <div class="text"><p>STEP 03</p><p>정보입력</p></div>
</div> </div>
</div> </div>

14
src/main/webapp/WEB-INF/jsp/nlib/member/insertMemberInfoForm.jsp
View File

@ -31,6 +31,10 @@
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %> <%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<script> <script>
$(document).ready(function() {
fn_setPageTitle("회원가입");
});
function signUp(){ function signUp(){
<%//패스워드 정규식 9자이상 소문자, 숫자 ,특수문자%> <%//패스워드 정규식 9자이상 소문자, 숫자 ,특수문자%>
var regExp = /^(?=.*[a-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{9,}$/i; var regExp = /^(?=.*[a-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{9,}$/i;
@ -534,15 +538,15 @@ function fn_cancel(){
<div class="join-box"> <div class="join-box">
<div class="step"> <div class="step">
<div class="s1"> <div class="s1">
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="인증 성공 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="SNS인증완료"></div>
<div class="text"><p>STEP 01</p><p>본인인증</p></div> <div class="text"><p>STEP 01</p><p>본인인증</p></div>
</div> </div>
<div class="s2"> <div class="s2">
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="인증 성공 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="약관동의완료"></div>
<div class="text"><p>STEP 02</p><p>약관동의</p></div> <div class="text"><p>STEP 02</p><p>약관동의</p></div>
</div> </div>
<div class="s3 on"> <div class="s3 on">
<div class="icon"><img src="/images/icon/icon-join-step3-on.png" alt="정보입력 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step3-on.png" alt="정보입력"></div>
<div class="text"><p>STEP 03</p><p>정보입력</p></div> <div class="text"><p>STEP 03</p><p>정보입력</p></div>
</div> </div>
</div> </div>
@ -573,8 +577,8 @@ function fn_cancel(){
<div class="form-group Usersex"> <div class="form-group Usersex">
<label>성별</label> <label>성별</label>
<div class="con"> <div class="con">
<label for="m" style="display:none;">남자</label><div class="chk"><input type="checkbox" id="m" class="sex" name="gender" value="M" ><label for="m">남자</label></div> <div class="chk"><input type="checkbox" id="m" class="sex" name="gender" value="M" ><label for="m">남자</label></div>
<label for="w" style="display:none;">여자</label><div class="chk"><input type="checkbox" id="w" class="sex" name="gender" value="F"><label for="w">여자</label></div> <div class="chk"><input type="checkbox" id="w" class="sex" name="gender" value="F"><label for="w">여자</label></div>
</div> </div>
</div> </div>

11
src/main/webapp/WEB-INF/jsp/nlib/member/selectMemberJoiningInfo.jsp
View File

@ -35,8 +35,11 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script> <script>
$(document).ready(function() {
fn_setPageTitle("회원가입");
});
function snsCertForm(){ function snsCertForm(){
if(!(document.getElementsByName('agree')[0].checked)) if(!(document.getElementsByName('agree')[0].checked))
{ {
@ -79,15 +82,15 @@ function cancle(){
<div class="join-box"> <div class="join-box">
<div class="step"> <div class="step">
<div class="s1"> <div class="s1">
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="인증 성공 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="SNS인증완료"></div>
<div class="text"><p>STEP 01</p><p>본인인증</p></div> <div class="text"><p>STEP 01</p><p>본인인증</p></div>
</div> </div>
<div class="s2 on"> <div class="s2 on">
<div class="icon"><img src="/images/icon/icon-join-step2-on.png" alt="약관동의 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step2-on.png" alt="약관동의"></div>
<div class="text"><p>STEP 02</p><p>약관동의</p></div> <div class="text"><p>STEP 02</p><p>약관동의</p></div>
</div> </div>
<div class="s3"> <div class="s3">
<div class="icon"><img src="/images/icon/icon-join-step3.png" alt="정보입력 아이콘"></div> <div class="icon"><img src="/images/icon/icon-join-step3.png" alt="정보입력"></div>
<div class="text"><p>STEP 03</p><p>정보입력</p></div> <div class="text"><p>STEP 03</p><p>정보입력</p></div>
</div> </div>
</div> </div>

4
src/main/webapp/WEB-INF/jsp/nlib/search/getDetailedSearchFormPopup.jsp
View File

@ -367,7 +367,7 @@ function detailSearchSetting(){
<div class="Title"> <div class="Title">
<span>상세 검색</span> <span>상세 검색</span>
<span>검색어와, 검색조건들을 통해서 더 정확한 정보를 찾아보세요.</span> <span>검색어와, 검색조건들을 통해서 더 정확한 정보를 찾아보세요.</span>
<span><a href="javascript:;" class="btn-close-pop" onclick="fn_closeLayerPopup();"><img src="/images/btn/btn-pop-close.png" alt="닫기 아이콘"></a></span> <span><a href="javascript:;" class="btn-close-pop" onclick="fn_closeLayerPopup();"><img src="/images/btn/btn-pop-close.png" alt="닫기"></a></span>
</div> </div>
<form action="/search/searchList.do" method="POST" id="d_referencelistForm" name="d_referencelistForm" class="mCustomScrollbar" data-mcs-theme="dark-2"> <form action="/search/searchList.do" method="POST" id="d_referencelistForm" name="d_referencelistForm" class="mCustomScrollbar" data-mcs-theme="dark-2">
<input type="hidden" id="d_filter_class" name="filter_class"> <input type="hidden" id="d_filter_class" name="filter_class">
@ -490,7 +490,7 @@ function detailSearchSetting(){
<div class="depth1"> <div class="depth1">
<div class="depth1-check check tab"> <div class="depth1-check check tab">
<input type="checkbox" value="${firstClassList.column1}" name="first_class" id="datype-chk${fcStatus.index+1}" /> <input type="checkbox" value="${firstClassList.column1}" name="first_class" id="datype-chk${fcStatus.index+1}" />
<label for="data-type-chk${fcStatus.index+1}">${firstClassList.sCodeNm}</label> <label for="datype-chk${fcStatus.index+1}">${firstClassList.sCodeNm}</label>
<button type="button" class="tab-name">${firstClassList.sCodeNm}</button> <button type="button" class="tab-name">${firstClassList.sCodeNm}</button>
</div> </div>
<ul class="depth2"> <ul class="depth2">