앱 접근성 처리

src/main/webapp/WEB-INF/jsp/mobile/health/health1.jsp

@@ -36,17 +36,22 @@ $( function(){
         },
         errorPlacement: function(error, element) {
             $( "div.error-msg" ).append( error );
+            $( "div.error-msg" ).focus();
         },
         submitHandler: function(form) {
             var temperature = $.trim( $( "input[name='temperature']" ).val() );
             
             if( temperature.length == 0 ) {
+                document.body.scrollTop = document.body.scrollHeight;
                 $( "div.error-msg" ).empty().text( "체온을 입력해주세요 (Please enter your body temperature)" );
             } else {
                 $( "#phrValue" ).val( temperature );
                 $( "button[type='submit'].confirm" ).prop( "disabled", true ).css("background", "#DBDBDB");
                 form.submit();
             }
+            
+            document.documentElement.scrollTop = document.documentElement.scrollHeight;
+            $( "div.error-msg" ).focus();
         }
     });
 
@@ -99,19 +104,19 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
             <div class="device_tab">
                 <ul>
                     <li>
-                        <a href="./1" class="one active">체온<span class="eng">body temperature</span></a>
+                        <a href="./1" class="one active" title="체온 (body temperature)"><span aria-hidden="true">체온</span><span class="eng" aria-hidden="true">body temperature</span></a>
                     </li>
                     <li>
-                        <a href="./2" class="two">혈압/맥박수<span class="eng">blood pressure/heart rate</span></a>
+                        <a href="./2" class="two" title="혈압/맥박수 (blood pressure/heart rate)"><span aria-hidden="true">혈압/맥박수</span><span class="eng" aria-hidden="true">blood pressure/heart rate</span></a>
                     </li>
                     <li>
-                        <a href="./3" class="three">산소포화도<span class="eng">oxygen</span></a>
+                        <a href="./3" class="three" title="산소포화도 (oxygen)"><span aria-hidden="true">산소포화도</span><span class="eng" aria-hidden="true">oxygen</span></a>
                     </li>
                     <li>
-                        <a href="./4" class="four">혈당<span class="eng">blood sugar</span></a>
+                        <a href="./4" class="four" title="혈당 (blood sugar)"><span aria-hidden="true">혈당</span><span class="eng" aria-hidden="true">blood sugar</span></a>
                     </li>
                     <li>
-                        <a href="./5" class="five">임상증상<span class="eng">symptom</span></a>
+                        <a href="./5" class="five" title="임상증상 (symptom)"><span aria-hidden="true">임상증상</span><span class="eng" aria-hidden="true">symptom</span></a>
                     </li>
                 </ul>
             </div>
@@ -156,11 +161,11 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
                     
                     <div class="data unlink">
                         <div class="point">
-                            <input type="number" class="" name="temperature" placeholder="--"> ℃
+                            <input type="number" class="" name="temperature" placeholder="­­"> ℃
                         </div>
                     </div>
                     
-                    <div class="error-msg tac mt20 error"></div>
+                    <div class="error-msg tac mt20 error" tabindex="0"></div>
                 </div>
                 
                 <div class="btn_group">
@@ -169,7 +174,7 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
                             <input type="hidden" name="phrType" value="temperature">
                             <input type="hidden" id="phrValue" name="phrValue" value="">
                             
-                            <button type="submit" class="confirm"><span class="check">기록하기(Submit)</span></button>
+                            <button type="button" onclick="$('#healthForm').submit();" class="confirm"><span class="check">기록하기(Submit)</span></button>
                         </li>
                     </ul>
                 </div>

src/main/webapp/WEB-INF/jsp/mobile/health/health2.jsp

@@ -49,8 +49,10 @@ $( function(){
         },
         errorPlacement: function(error, element) {
             $( "div.error-msg" ).empty().append( error );
+            $( "div.error-msg" ).focus();
         },
         submitHandler: function(form) {
+        	
             /*
              * 혈압과 맥박은 둘중 하나만 입력하면 입력한 항목은 입력되도록 처리 (둘중하나만 입력하거나, 모두입력하거나)
              */
@@ -66,6 +68,7 @@ $( function(){
             
             //혈압
             if( pulseRate.length == 0 &&  bloodPressure.length == 0 &&  bloodPressure.length == 0 ) {
+                document.body.scrollTop = document.body.scrollHeight;
                 $( "div.error-msg" ).text( "혈압과 맥박수를 입력해주세요 (Please enter your blood pressure and heart rate)" );
                 flag = false;
             }
@@ -110,6 +113,7 @@ $( function(){
             if( bloodPressure.length > 0 && bloodPressure2.length > 0 ){
                 if( Number( bloodPressure2 ) >= Number( bloodPressure ) ) {
                     $( "div.error-msg" ).text( "수축기 혈압값은 이완기 혈압값 보다 높아야합니다 (The systolic blood pressure value must be higher than the diastolic blood pressure value)" );
+                    
                     flag = false;
                 }
                 $( "#phrTypeAnother" ).val( "bloodPressure" );
@@ -120,6 +124,8 @@ $( function(){
                 form.submit();
             }
             
+            document.documentElement.scrollTop = document.documentElement.scrollHeight;
+            $( "div.error-msg" ).focus();
         }
     });
 })
@@ -164,19 +170,19 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
             <div class="device_tab">
                 <ul>
                     <li>
-                        <a href="./1" class="one">체온<span class="eng">body temperature</span></a>
+                        <a href="./1" class="one" title="체온 (body temperature)"><span aria-hidden="true">체온</span><span class="eng" aria-hidden="true">body temperature</span></a>
                     </li>
                     <li>
-                        <a href="./2" class="two active">혈압/맥박수<span class="eng">blood pressure/heart rate</span></a>
+                        <a href="./2" class="two active" title="혈압/맥박수 (blood pressure/heart rate)"><span aria-hidden="true">혈압/맥박수</span><span class="eng" aria-hidden="true">blood pressure/heart rate</span></a>
                     </li>
                     <li>
-                        <a href="./3" class="three">산소포화도<span class="eng">oxygen</span></a>
+                        <a href="./3" class="three" title="산소포화도 (oxygen)"><span aria-hidden="true">산소포화도</span><span class="eng" aria-hidden="true">oxygen</span></a>
                     </li>
                     <li>
-                        <a href="./4" class="four">혈당<span class="eng">blood sugar</span></a>
+                        <a href="./4" class="four" title="혈당 (blood sugar)"><span aria-hidden="true">혈당</span><span class="eng" aria-hidden="true">blood sugar</span></a>
                     </li>
                     <li>
-                        <a href="./5" class="five">임상증상<span class="eng">symptom</span></a>
+                        <a href="./5" class="five" title="임상증상 (symptom)"><span aria-hidden="true">임상증상</span><span class="eng" aria-hidden="true">symptom</span></a>
                     </li>
                 </ul>
             </div>
@@ -196,7 +202,7 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
 <!--                 <span class="insert-type device">기기연동</span> -->
 <!--             </div> -->
             
-            <form id="healthForm" method="post" action="./insert">
+            <form id="healthForm" method="post" action="./insert" onsubmit="return false;">
                 <div class="health">
                     <div class="part">
                         <div class="title">날짜(Date)</div>
@@ -244,7 +250,7 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
 
                     </div>
                     
-                    <div class="error-msg tac mt20 error"></div>
+                    <div class="error-msg tac mt20 error" tabindex="0"></div>
                 </div>
                 
                 <div class="btn_group">
@@ -259,7 +265,7 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
                             <input type="hidden" id="phrValueAnother" name="phrValueAnother" value="">
                             <input type="hidden" id="phrValueAnother2" name="phrValueAnother2" value="">
                             
-                            <button type="submit" class="confirm"><span class="check">기록하기(Submit)</span></button>
+                            <button type="button" onclick="$('#healthForm').submit();" class="confirm"><span class="check">기록하기(Submit)</span></button>
                         </li>
                     </ul>
                 </div>

src/main/webapp/WEB-INF/jsp/mobile/health/health3.jsp

@@ -31,17 +31,22 @@ $( function(){
         },
         errorPlacement: function(error, element) {
             $( "div.error-msg" ).empty().append( error );
+            $( "div.error-msg" ).focus();
         },
         submitHandler: function(form) {
             var oxygenSaturation = $.trim( $( "input[name='oxygenSaturation']" ).val() );
             
             if( oxygenSaturation.length == 0 ) {
+                document.body.scrollTop = document.body.scrollHeight;
                 $( "div.error-msg" ).text( "산소포화도 % 를 입력하세요 (Please enter your oxygen saturation)" );
             } else {
                 $( "#phrValue" ).val( oxygenSaturation );
                 $( "button[type='submit'].confirm" ).prop( "disabled", true ).css("background", "#DBDBDB");
                 form.submit();
             }
+            
+            document.documentElement.scrollTop = document.documentElement.scrollHeight;
+            $( "div.error-msg" ).focus();
         }
     });
 })
@@ -86,19 +91,19 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
             <div class="device_tab">
                 <ul>
                     <li>
-                        <a href="./1" class="one">체온<span class="eng">body temperature</span></a>
+                        <a href="./1" class="one" title="체온 (body temperature)"><span aria-hidden="true">체온</span><span class="eng" aria-hidden="true">body temperature</span></a>
                     </li>
                     <li>
-                        <a href="./2" class="two">혈압/맥박수<span class="eng">blood pressure/heart rate</span></a>
+                        <a href="./2" class="two" title="혈압/맥박수 (blood pressure/heart rate)"><span aria-hidden="true">혈압/맥박수</span><span class="eng" aria-hidden="true">blood pressure/heart rate</span></a>
                     </li>
                     <li>
-                        <a href="./3" class="three active">산소포화도<span class="eng">oxygen</span></a>
+                        <a href="./3" class="three active" title="산소포화도 (oxygen)"><span aria-hidden="true">산소포화도</span><span class="eng" aria-hidden="true">oxygen</span></a>
                     </li>
                     <li>
-                        <a href="./4" class="four">혈당<span class="eng">blood sugar</span></a>
+                        <a href="./4" class="four" title="혈당 (blood sugar)"><span aria-hidden="true">혈당</span><span class="eng" aria-hidden="true">blood sugar</span></a>
                     </li>
                     <li>
-                        <a href="./5" class="five">임상증상<span class="eng">symptom</span></a>
+                        <a href="./5" class="five" title="임상증상 (symptom)"><span aria-hidden="true">임상증상</span><span class="eng" aria-hidden="true">symptom</span></a>
                     </li>
                 </ul>
             </div>
@@ -150,7 +155,7 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
                         </div>
                     </div>
                     
-                    <div class="error-msg tac mt20 error"></div>
+                    <div class="error-msg tac mt20 error" tabindex="0"></div>
                 </div>
                 
                 <div class="btn_group">
@@ -160,7 +165,7 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
                             <input type="hidden" id="phrValue" name="phrValue" value="">
 <!--                             <input type="hidden" id="phrValue2" name="phrValue2" value=""> -->
                             
-                            <button type="submit" class="confirm"><span class="check">기록하기(Submit)</span></button>
+                            <button type="button" onclick="$('#healthForm').submit();" class="confirm"><span class="check">기록하기(Submit)</span></button>
                         </li>
                     </ul>
                 </div>

src/main/webapp/WEB-INF/jsp/mobile/health/health4.jsp

@@ -31,17 +31,22 @@ $( function(){
         },
         errorPlacement: function(error, element) {
             $( "div.error-msg" ).empty().append( error );
+            $( "div.error-msg" ).focus();
         },
         submitHandler: function(form) {
             var bloodSugar = $.trim( $( "input[name='bloodSugar']" ).val() );
             
             if( bloodSugar.length == 0 ) {
+                document.body.scrollTop = document.body.scrollHeight;
                 $( "div.error-msg" ).text( "혈당을 입력해주세요 (Please enter your blood sugar)" );
             } else {
                 $( "#phrValue" ).val( bloodSugar );
                 $( "button[type='submit'].confirm" ).prop( "disabled", true ).css("background", "#DBDBDB");
                 form.submit();
             }
+            
+            document.documentElement.scrollTop = document.documentElement.scrollHeight;
+            $( "div.error-msg" ).focus();
         }
     });
 })
@@ -86,19 +91,19 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
             <div class="device_tab">
                 <ul>
                     <li>
-                        <a href="./1" class="one">체온<span class="eng">body temperature</span></a>
+                        <a href="./1" class="one" title="체온 (body temperature)"><span aria-hidden="true">체온</span><span class="eng" aria-hidden="true">body temperature</span></a>
                     </li>
                     <li>
-                        <a href="./2" class="two">혈압/맥박수<span class="eng">blood pressure/heart rate</span></a>
+                        <a href="./2" class="two" title="혈압/맥박수 (blood pressure/heart rate)"><span aria-hidden="true">혈압/맥박수</span><span class="eng" aria-hidden="true">blood pressure/heart rate</span></a>
                     </li>
                     <li>
-                        <a href="./3" class="three">산소포화도<span class="eng">oxygen</span></a>
+                        <a href="./3" class="three" title="산소포화도 (oxygen)"><span aria-hidden="true">산소포화도</span><span class="eng" aria-hidden="true">oxygen</span></a>
                     </li>
                     <li>
-                        <a href="./4" class="four active">혈당<span class="eng">blood sugar</span></a>
+                        <a href="./4" class="four active" title="혈당 (blood sugar)"><span aria-hidden="true">혈당</span><span class="eng" aria-hidden="true">blood sugar</span></a>
                     </li>
                     <li>
-                        <a href="./5" class="five">임상증상<span class="eng">symptom</span></a>
+                        <a href="./5" class="five" title="임상증상 (symptom)"><span aria-hidden="true">임상증상</span><span class="eng" aria-hidden="true">symptom</span></a>
                     </li>
                 </ul>
             </div>
@@ -148,7 +153,7 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
                         </div>
                     </div>
                     
-                    <div class="error-msg tac mt20 error"></div>
+                    <div class="error-msg tac mt20 error" tabindex="0"></div>
                 </div>
                 
                 <div class="btn_group">
@@ -157,7 +162,7 @@ div.bluetooth span.readonly{color:#999999;font-weight:500;}
                             <input type="hidden" name="phrType" value="bloodSugar">
                             <input type="hidden" id="phrValue" name="phrValue" value="">
                             
-                            <button type="submit" class="confirm"><span class="check">기록하기(Submit)</span></button>
+                            <button type="button" onclick="$('#healthForm').submit();" class="confirm"><span class="check">기록하기(Submit)</span></button>
                         </li>
                     </ul>
                 </div>

src/main/webapp/WEB-INF/jsp/mobile/health/health5.jsp

@@ -9,10 +9,14 @@ $( function(){
         submitHandler: function(form) {
             if( $( "#healthForm" ).find( "input[type='checkbox']:checked" ).length == 0 ) {
                 $( "div.error-msg" ).text( "한 개 이상의 증상을 입력하셔야 합니다. (Please enter at least one symptom)" );
+                
             } else {
                 $( "button[type='submit'].confirm" ).prop( "disabled", true ).css("background", "#DBDBDB");
                 form.submit();
             }
+            
+            document.documentElement.scrollTop = document.documentElement.scrollHeight;
+            $( "div.error-msg" ).focus();
         }
     });
     
@@ -34,19 +38,19 @@ $( function(){
             <div class="device_tab">
                 <ul>
                     <li>
-                        <a href="./1" class="one">체온<span class="eng">body temperature</span></a>
+                        <a href="./1" class="one" title="체온 (body temperature)"><span aria-hidden="true">체온</span><span class="eng" aria-hidden="true">body temperature</span></a>
                     </li>
                     <li>
-                        <a href="./2" class="two">혈압/맥박수<span class="eng">blood pressure/heart rate</span></a>
+                        <a href="./2" class="two" title="혈압/맥박수 (blood pressure/heart rate)"><span aria-hidden="true">혈압/맥박수</span><span class="eng" aria-hidden="true">blood pressure/heart rate</span></a>
                     </li>
                     <li>
-                        <a href="./3" class="three">산소포화도<span class="eng">oxygen</span></a>
+                        <a href="./3" class="three" title="산소포화도 (oxygen)"><span aria-hidden="true">산소포화도</span><span class="eng" aria-hidden="true">oxygen</span></a>
                     </li>
                     <li>
-                        <a href="./4" class="four">혈당<span class="eng">blood sugar</span></a>
+                        <a href="./4" class="four" title="혈당 (blood sugar)"><span aria-hidden="true">혈당</span><span class="eng" aria-hidden="true">blood sugar</span></a>
                     </li>
                     <li>
-                        <a href="./5" class="five active">임상증상<span class="eng">symptom</span></a>
+                        <a href="./5" class="five active" title="임상증상 (symptom)"><span aria-hidden="true">임상증상</span><span class="eng" aria-hidden="true">symptom</span></a>
                     </li>
                 </ul>
             </div>
@@ -59,73 +63,73 @@ $( function(){
                             <ul class="circle half">
                                 <li>
                                     <input type="checkbox" id="coughCheck" name="coughCheck" value="Y">
-                                    <label for="coughCheck"><span></span>기침</label>
-                                    <div class="symptom-eng">(cough)</div>
+                                    <label for="coughCheck" title="기침(cough)"><span></span>기침</label>
+                                    <div class="symptom-eng" aria-hidden="true">(cough)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="dyspneaCheck" name="dyspneaCheck" value="Y">
-                                    <label for="dyspneaCheck"><span></span>호흡곤란</label>
-                                    <div class="symptom-eng">(Shortness of breath)</div>
+                                    <label for="dyspneaCheck" title="호흡곤란(Shortness of breath)"><span></span>호흡곤란</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Shortness of breath)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="coldFitCheck" name="coldFitCheck" value="Y">
-                                    <label for="coldFitCheck"><span></span>오한</label>
-                                    <div class="symptom-eng">(Chills)</div>
+                                    <label for="coldFitCheck" title="오한(Chills)"><span></span>오한</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Chills)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="musclePainCheck" name="musclePainCheck" value="Y">
-                                    <label for="musclePainCheck"><span></span>근육통</label>
-                                    <div class="symptom-eng">(Muscle pain)</div>
+                                    <label for="musclePainCheck" title="근육통(Muscle pain)"><span></span>근육통</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Muscle pain)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="headacheCheck" name="headacheCheck" value="Y">
-                                    <label for="headacheCheck"><span></span>두통</label>
-                                    <div class="symptom-eng">(Headache)</div>
+                                    <label for="headacheCheck" title="두통(Headache)"><span></span>두통</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Headache)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="soreThroatCheck" name="soreThroatCheck" value="Y">
-                                    <label for="soreThroatCheck"><span></span>인후통</label>
-                                    <div class="symptom-eng">(Sore throat)</div>
+                                    <label for="soreThroatCheck" title="인후통(Sore throat)"><span></span>인후통</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Sore throat)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="smellPalateCheck" name="smellPalateCheck" value="Y">
-                                    <label for="smellPalateCheck"><span></span>후각/미각손실</label>
-                                    <div class="symptom-eng">(Loss of smell and taste)</div>
+                                    <label for="smellPalateCheck" title="후각/미각손실(Loss of smell and taste)"><span></span>후각/미각손실</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Loss of smell and taste)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="fatigueCheck" name="fatigueCheck" value="Y">
-                                    <label for="fatigueCheck"><span></span>피로</label>
-                                    <div class="symptom-eng">(Fatigue)</div>
+                                    <label for="fatigueCheck" title="피로(Fatigue)"><span></span>피로</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Fatigue)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="appetiteLossCheck" name="appetiteLossCheck" value="Y">
-                                    <label for="appetiteLossCheck"><span></span>식욕감소</label>
-                                    <div class="symptom-eng">(Decreased appetite)</div>
+                                    <label for="appetiteLossCheck" title="식욕감소(Decreased appetite)"><span></span>식욕감소</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Decreased appetite)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="sputumCheck" name="sputumCheck" value="Y">
-                                    <label for="sputumCheck"><span></span>가래</label>
-                                    <div class="symptom-eng">(Phlegm)</div>
+                                    <label for="sputumCheck" title="가래(Phlegm)"><span></span>가래</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Phlegm)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="vomitingCheck" name="vomitingCheck" value="Y">
-                                    <label for="vomitingCheck"><span></span>구토</label>
-                                    <div class="symptom-eng">(throw up)</div>
+                                    <label for="vomitingCheck" title="구토(throw up)"><span></span>구토</label>
+                                    <div class="symptom-eng" aria-hidden="true">(throw up)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="diarrheaCheck" name="diarrheaCheck" value="Y">
-                                    <label for="diarrheaCheck"><span></span>설사</label>
-                                    <div class="symptom-eng">(Diarrhea)</div>
+                                    <label for="diarrheaCheck" title="설사(Diarrhea)"><span></span>설사</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Diarrhea)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="dizzinessCheck" name="dizzinessCheck" value="Y">
-                                    <label for="dizzinessCheck"><span></span>어지러움</label>
-                                    <div class="symptom-eng">(Whirl)</div>
+                                    <label for="dizzinessCheck" title="어지러움(Whirl)"><span></span>어지러움</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Whirl)</div>
                                 </li>
                                 <li>
                                     <input type="checkbox" id="noseCheck" name="noseCheck" value="Y">
-                                    <label for="noseCheck"><span></span>콧물/코막힘</label>
-                                    <div class="symptom-eng">(Runny nose and stuffy nose)</div>
+                                    <label for="noseCheck" title="콧물/코막힘(Runny nose and stuffy nose)"><span></span>콧물/코막힘</label>
+                                    <div class="symptom-eng" aria-hidden="true">(Runny nose and stuffy nose)</div>
                                 </li>
                                 <li class="full">
                                     <input type="checkbox" id="etcCheck" name="etcCheck" value="Y">
@@ -139,14 +143,14 @@ $( function(){
                     </div>
                 </div>
                 
-                <div class="error-msg tac mt20 error"></div>
+                <div class="error-msg tac mt20 error" tabindex="0"></div>
                 
                 <div class="btn_group">
                     <ul>
                         <li>
                             <input type="hidden" name="phrType" value="symptom">
                             
-                            <button type="submit" class="confirm"><span class="check">기록하기(Submit)</span></button>
+                            <button type="button" onclick="$('#healthForm').submit();" class="confirm"><span class="check">기록하기(Submit)</span></button>
                         </li>
                     </ul>
                 </div>

src/main/webapp/WEB-INF/jsp/mobile/menu/menu.jsp

@@ -29,7 +29,7 @@ function searchingDevice() {
             <div class="nav">
                 <div class="nav_box">
                     <div class="close">
-                        <a href="javascript:;">
+                        <a href="javascript:;" title="메뉴 닫기 버튼">
                             <span></span>
                             <span></span>
                             <span></span>
@@ -37,7 +37,7 @@ function searchingDevice() {
                         </a>
                     </div>
                     <div class="name">
-                        <span><c:out value="${name}" /></span> 님
+                        <span id="m-name" tabindex="0"><c:out value="${name}" /></span> 님
                         <a href="./logout" class="logout">로그아웃</a>
                     </div>
                     <div class="category">
@@ -82,7 +82,7 @@ function searchingDevice() {
             <div class="header">
                 <div class="container">
                     <div class="menu_bar">
-                        <a href="javascript:;">메뉴</a>
+                        <a href="javascript:;" onclick="$('#m-name').focus();">메뉴</a>
                     </div>
 <!--                     <div class="alram"> -->
 <!--                         <a href="javascript:;">알림</a> -->
@@ -109,7 +109,7 @@ function searchingDevice() {
                         </div>
                         <a href='tel:<c:out value="${tel}" />'
                             style="position:absolute;right:-25px;top:-25px;display:inline-block;width:114px;height:106px;font-size:0;">
-                                <img src="/resources/images/mobile/emergency_call.png" style="width:114px;height:106px;"/>
+                                <img src="/resources/images/mobile/emergency_call.png" alt="응급전화 (Emergency call)" style="width:114px;height:106px;" />
                         </a>
 <%--                         <div onclick='systemBrowsing( "https://life-center.lemonhc.com/mobile/call?c=<c:out value="${centerCode}"/>");' --%>
 <!--                             style="position:absolute;right:-25px;top:-25px;display:inline-block;width:114px;height:106px;font-size:0;"> -->
@@ -121,57 +121,57 @@ function searchingDevice() {
             <div class="quick_menu">
                 <ul>
                     <li>
-                        <a href="./health">
-                            <div class="image">
-                                <img src="/resources/images/mobile/quick_1.png" />
+                        <a href="./health" title="건강정보기록 (Health Record)">
+                            <div class="image" aria-hidden="true">
+                                <img src="/resources/images/mobile/quick_1.png" alt="건강정보기록 (Health Record)" />
                             </div>
-                            <div class="text">건강정보기록</div>
-                            <div class="menu-eng">(Health Record)</div>
+                            <div class="text" aria-hidden="true">건강정보기록</div>
+                            <div class="menu-eng" aria-hidden="true">(Health Record)</div>
                         </a>
                     </li>
                     <li>
                         <c:if test="${munjinCnt > 0}">
 <!--                             <a onclick="alreadyMunjin();"> -->
-                            <a href="./serveyhistory">
+                            <a href="./serveyhistory" title="문진 (Health Survey)">
                         </c:if>
                         <c:if test="${munjinCnt eq 0}">
-                            <a href="./servey">
+                            <a href="./servey" title="문진 (Health Survey)">
                         </c:if>
-                            <div class="image">
+                            <div class="image" aria-hidden="true">
 <!--                                 <div class="new_icon">NEW</div> -->
-                                <img src="/resources/images/mobile/quick_2.png" />
+                                <img src="/resources/images/mobile/quick_2.png" alt="문진 (Health Survey)"/>
                             </div>
 <!--                                 <div class="new_icon">NEW</div> -->
-                            <div class="text">문진</div>
-                            <div class="menu-eng">(Health Survey)</div>
+                            <div class="text" aria-hidden="true">문진</div>
+                            <div class="menu-eng" aria-hidden="true">(Health Survey)</div>
                         </a>
                     </li>
                     <li>
-                        <a href="./history">
-                            <div class="image">
-                                <img src="/resources/images/mobile/quick_3.png" />
+                        <a href="./history" title="내 기록보기 (View Record)">
+                            <div class="image" aria-hidden="true">
+                                <img src="/resources/images/mobile/quick_3.png" alt="내 기록보기 (View Record)" />
                             </div>
-                            <div class="text">My 기록보기</div>
-                            <div class="menu-eng">(View Record)</div>
+                            <div class="text" aria-hidden="true">My 기록보기</div>
+                            <div class="menu-eng" aria-hidden="true">(View Record)</div>
                         </a>
                     </li>
                     <li>
-                        <a href="./nonface" id="nonfaceBtn">
-                            <div class="image">
+                        <a href="./nonface" id="nonfaceBtn" title="비대면진료 (Untact Treatment)">
+                            <div class="image" aria-hidden="true">
 <!--                                 <div class="new_icon">NEW</div> -->
-                                <img src="/resources/images/mobile/quick_4.png" />
-                            </div>
                         <div class="text">비대면진료</div>
-                         <div class="menu-eng">(Untact Treatment)</div>
+                                <img src="/resources/images/mobile/quick_4.png" alt="비대면진료 (Untact Treatment)" />
+                            </div>
                         <div class="text" aria-hidden="true">비대면진료</div>
+                         <div class="menu-eng" aria-hidden="true">(Untact Treatment)</div>
                         </a>
                     </li>
                     <li>
-                        <a href="javascript:void(0);" onclick="searchingDevice();" id="deviceBtn">
-                            <div class="image">
+                        <a href="javascript:void(0);" onclick="searchingDevice();" id="deviceBtn" title="기기등록 (Device registration)">
+                            <div class="image" aria-hidden="true">
 <!--                                 <div class="new_icon">NEW</div> -->
-                                <img src="/resources/images/mobile/quick_5.png" />
+                                <img src="/resources/images/mobile/quick_5.png" alt="기기등록 (Device registration)" />
                             </div>
-                         <div class="text">기기등록</div>
-                         <div class="menu-eng">(Device registration)</div>
+                         <div class="text" aria-hidden="true">기기등록</div>
+                         <div class="menu-eng" aria-hidden="true">(Device registration)</div>
                         </a>
                     </li>
                     <li>

src/main/webapp/resources/js/mobile/health.js

@@ -141,6 +141,9 @@ function printClock() {
     
     setTimeout("printClock()",1000);         // 1초마다 printClock() 함수 호출
 }
+function resetErrorMsg(){
+    $( "div.error-msg" ).text("").focus();
+}
 
 function addZeros(num, digit) { // 자릿수 맞춰주기
       var zero = '';