save

h5/index.html

@@ -39,18 +39,19 @@
     <!-- 三个选择控件同一套样式:点击后底部弹出滚轮(vendor/mobile-select) -->
     <div class="form-row two">
       <div class="field">
-        <label class="field-label">您的出生年月</label>
-        <button type="button" class="pick" id="pick-birth"><span class="pick-value"></span><i class="chev down"></i></button>
+        <label class="field-label" for="pick-birth">您的出生年月</label>
+        <button type="button" class="pick" id="pick-birth" aria-haspopup="dialog"><span class="pick-value placeholder">请选择年月</span><i class="chev down"></i></button>
       </div>
       <div class="field">
-        <label class="field-label">您的性别</label>
-        <button type="button" class="pick" id="pick-gender"><span class="pick-value"></span><i class="chev down"></i></button>
+        <label class="field-label" for="pick-gender">您的性别</label>
+        <button type="button" class="pick" id="pick-gender" aria-haspopup="dialog"><span class="pick-value placeholder">请选择性别</span><i class="chev down"></i></button>
       </div>
     </div>
 
+    <p class="profile-age" id="profile-age" aria-live="polite">根据出生年月自动计算年龄</p>
     <div class="field">
-      <label class="field-label">您的所在地区</label>
-      <button type="button" class="pick" id="pick-region"><span class="pick-value"></span><i class="chev down"></i></button>
+      <label class="field-label" for="pick-region">您所在的地区</label>
+      <button type="button" class="pick" id="pick-region" aria-haspopup="dialog"><span class="pick-value placeholder">请选择省份和城市</span><i class="chev down"></i></button>
     </div>
     <input type="hidden" id="f-birth">
     <input type="hidden" id="f-age">
@@ -116,7 +117,11 @@
     </g>
   </svg>
   <p class="cam-status" id="cam-status">检测引擎加载中…</p>
-  <p class="cam-hint" id="cam-hint"></p>
+  <p class="cam-hint" id="cam-hint" role="status" aria-live="polite"></p>
+  <div class="cam-progress" aria-label="拍摄进度">
+    <span data-capture-step="0">正脸</span><span data-capture-step="1">右脸</span><span data-capture-step="2">左脸</span>
+  </div>
+  <button type="button" class="cam-retry" data-action="retry-camera" hidden>重新开启自动识别</button>
   <p class="cam-nudge" id="cam-nudge">识别不到?请正对镜头,并到光线充足处</p>
   <div class="cam-guide" id="cam-guide"></div>
   <video id="cam-video" autoplay playsinline muted></video>
@@ -286,8 +291,10 @@
 </div>
 
 <!-- ═══════════ 弹层:报告检测图放大(点击任意处返回) ═══════════ -->
-<div class="overlay overlay-zoom" id="p-zoom">
+<div class="overlay overlay-zoom" id="p-zoom" role="dialog" aria-modal="true" aria-label="检测图片预览">
+  <button type="button" class="zoom-close" aria-label="关闭图片预览">×</button>
   <img id="zoom-img" alt="检测图放大">
+  <p class="zoom-tip">点击图片或空白处返回报告</p>
 </div>
 
 <!-- ═══════════ 弹层:隐私政策与服务协议(全文) ═══════════ -->