# Hyui flex 機器檢測問題調整 ###### tags: `切切切` <style> /* .ui-content.comment-panel #doc{ max-width:60%; } */ .ui-affix-toc{ width:300px!important; } .red{ color: #A94448; padding: 0 4px; } .mainTitle{ color: #005bba; } </style> ### ⭐ HM1130104C:可見的表單控制元件均需有對應的標籤<label>組件，或有標題(title)屬性，且其內容或值均不得為空字串或空白(A) 指引2.1(鍵盤可操作)：讓所有的功能都能透過鍵盤使用 2.1.1 - 鍵盤(檢測等級A) 表單中需要使用者輸入之input控制元件，需有對應的label標籤組件。如為無法設置標籤組件，請以title屬性或aria-*屬性提供該控制元件的標題說明，以幫助螢幕報讀軟體識別。 <input name="password" type="password" placeholder="請輸入密碼"> 檢測網址 https://hywebu00.github.io/hyui_flex/form.htm 修正回覆： ```javascript= <div class="form_grp"> <label for="password">密碼:</label> <div class="input-i"> <i class="i_lock"></i> <input name="password" id="password" type="password" placeholder="請輸入密碼" /> </div> ``` ### ⭐ HM1130104C:可見的表單控制元件均需有對應的標籤<label>組件，或有標題(title)屬性，且其內容或值均不得為空字串或空白(A) 表單中需要使用者輸入之input控制元件，需有對應的label標籤組件。如為無法設置標籤組件，請以title屬性或aria-*屬性提供該控制元件的標題說明，以幫助螢幕報讀軟體識別。 <input name="username" type="text" value="" placeholder="系統判斷帶入"> 檢測網址 https://hywebu00.github.io/hyui_flex/form-beta.htm 修正回覆： ```javascript= <div class="form_grp"> <label for="fake-legend" class="form_title">地址 2</label> <div class="form_content form_inline address"> <select name="" id="fake-legend"> <option value="">台北市</option> <option value="">新北市</option> <option value="">桃園市</option> <option value="">新竹市</option> <option value="">...</option> </select> <select name="" id="fake-legend"> <option value="">中正區</option> <option value="">大安區</option> <option value="">信義區</option> <option value="">北投區</option> <option value="">...</option> </select> <input name="text" id="fake-legend" type="text" value="" placeholder="input＋select下拉，下拉功能工程師支援" class="user_typing complex" /> <label>郵遞區號</label> <input name="username" type="text" value="" placeholder="系統判斷帶入" aria-label="系統判斷帶入" /> <input name="username" type="text" value="" placeholder="請輸入後2碼" aria-label="請輸入後2碼" /> <div class="checkbox"> <label><input type="checkbox" /><span>同上聯絡地址</span></label> </div> <div class="notice_info">user_typing＋complex</div> </div> </div> ``` ### ⭐ HM1240400C:連往相同資源的毗鄰圖片與文字，其由替代文字及文字內容產生之鏈結文字只能有一份(A) 當文字與圖片同時做為一個超連結時，圖片的替代文字可以留空，或不可與連結文字相同。<input name="password" type="password" placeholder="請輸入密碼"> 檢測網址 https://hywebu00.github.io/hyui_flex/form.htm 修正回覆： ```javascript= <div class="mpSlider"> <div class="img-container"> <a href="#"><img src="images/demo/01.jpg" alt="" /> <span class="caption">圖說1</span> </a> </div> <div class="img-container"> <a href="#"><img src="images/demo/02.jpg" alt="" /> <span class="caption">圖說2</span> </a> </div> <div class="img-container"> <a href="#"><img src="images/demo/03.jpg" alt="" /> <span class="caption">圖說3</span> </a> </div> </div> ``` ### ⭐ HM1110100C:圖片<img>組件需有替代文字(alt)屬性(A) img元素中，alt屬性為必要屬性。 ```javascript= <img src="images/logo.png" width="250" border="0"> ``` ### ⭐ HM1130100C:網頁中的標頭組件必須要按照正確的巢狀層次結構來配置(A) 網頁請使用標題組件提供螢幕報讀軟體使用者辨識網頁結構並有利操作 ### ⭐ HM1240401C:具有連結目的之鏈結<a>組件均需有鏈結文字，且其內容不得為空字串或空白；若此鏈結<a>組件前後尚有其他內容，則亦需有標題(title)屬性，且其值不得為空字串或空白 (A) 具有連結用途的圖片超連結，圖片的替代文字不可以是空值。 ```javascript= <a href="#"><img src="images/logo.png" width="250" border="0"></a> ``` 檢測網址 https://hywebu00.github.io/hyui_flex/epaper_template.htm 修正回覆： ```javascript= <h1> <a href="#"> <img src="images/logo.png" alt="logo" width="250"border="0" />HyUI </a> </h1> ``` ### ⭐ HM1310100C:網頁根組件需有語言(lang)屬性，且其值必須合於規範，不得為空字串或空白(A) 網頁必須在html元素中使用lang屬性宣告該網頁正確的語系。 <html xmlns="http:// 檢測網址 https://hywebu00.github.io/hyui_flex/epaper_template.htm 修正回覆： ```javascript= <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-Hant">...</html> ``` ### ⭐ CS2140401C:任何CSS樣式規則均使用具名字型尺寸，或者使用百分比或em等相對字型尺寸單位(AA) 樣式表宣告font-size屬性時，應以相對尺寸為計算單位，或使用具名字型如xx-small、x-small、small、medium、large、x-large、xx-large、smaller或larger。 font-size: 30px; font-wei 檢測網址 https://hywebu00.github.io/hyui_flex/epaper_template.htm 修正回覆： font-size請將px改成em