Adam Argyle
發布日期：2024 年 12 月 16 日
我們在 9 月曾詢問大家對實驗性可自訂選取功能的看法。您提供的意見回饋包含使用案例 (例如設計系統、組合方塊)、API 輸入模式的想法，以及對基礎樣式的意見回饋。包括無障礙、瀏覽器相容性、需要搜尋功能，以及希望支援多重選取。您似乎很想在實際環境中使用 API，但仍有疑慮，並提出特定功能要求。
Chrome 工程師和管理員已根據所有這些資訊，就這項功能做出明智的決策。本文將分享可自訂的選取問卷中每個問題的重點。
您會使用這個新 API 建構什麼？
與會者分享了各種用途，主要包括：
- 建構設計系統元件：為設計系統建立特定元件，確保各專案的一致性和可自訂性。
- 建立各種類型的選取器：例如語言選取器、國家/地區選取器、使用者權限選取器等。
- 強化現有的 Select 元素：使用圖片、SVG 和更豐富的樣式等功能強化現有的 Select 元素。
- 取代自訂選單實作：使用標準化的原生解決方案取代自訂選單元件。
- 建立組合方塊和自訂挑選器：更複雜的功能，例如組合方塊、電話號碼、時區、貨幣和其他資料類型的自訂挑選器。
- 改善表單 UI：建立更具視覺吸引力及功能性的選取元素，改善表單。
這些回應凸顯了新 API 的多功能性，以及這項 API 改善各種網頁應用程式的使用者體驗和開發效率的潛力。
您是否打算在 API 達到廣泛可用標準後，在實際工作環境中使用這項 API？
您試過新的 API 了嗎？如果是的話，您是否能使用該工具建構所需內容？
您對可自訂選取項目的輸入模式有什麼看法？(appearance: base-select 在 <select> 元素和 ::picker(select) 上)
使用者對這項輸入模式的意見不一：
- 有些人認為這種做法可接受、合理，甚至比目前的情況更好。他們認為這是逐步提升
<select>元素的「合理」或「適當」方式。 - 其他人則表示感到困惑，或認為語法不自然。使用兩個屬性 (
appearance: base-select和::picker(select)) 會被視為多餘或不必要。有人對名稱提出疑慮 (base-select可能會造成誤解)，並擔心新手不熟悉基礎概念，因此可能會感到困惑。 - 少數受訪者建議採用其他方法，例如使用單一資源或選取器，或是完全避免使用
appearance資源。
整體而言，雖然部分受訪者對目前的輸入模式感到滿意，但其他人則認為這會造成混淆，或建議改善方式，以便讓使用者更清楚、簡單地輸入。這項意見回饋強調了提供清楚的說明文件和範例的重要性，以便開發人員有效使用新 API。
請問您對現有的可自訂選取方塊基礎 (使用者代理程式) 樣式有何意見？
部分受訪者認為這些風格可接受或不錯，其他人則提出具體批評或建議。部分意見回饋如下：
- 勾號圖示不美觀，或可以更簡單。
- 項目旁邊沒有足夠的空間放置勾號。
- 基本樣式看起來很擁擠，焦點環被裁切，且勾選圖示和文字之間沒有間距。
- 樣式可能會更接近 OS 平台樣式或
<dialog>元素。 - 預設箭頭應朝下，開啟時應翻轉至頂端。
- 您可能需要重設，才能移除基本使用者代理程式樣式。
請問您對這項功能有任何疑問、意見或疑慮嗎？
我們收到許多有關新自訂選取 API 的意見回饋、問題和疑慮。其中幾個重點主題包括：
- 無障礙功能：幾位受訪者對無障礙功能提出疑慮，特別是螢幕閱讀器和鍵盤導覽功能。
- 多重選取和組合方塊：使用者強烈希望支援多重選取功能和組合方塊。
- 搜尋功能：使用者希望能在所選選項中搜尋內容。
- 樣式和瀏覽器相容性：使用者對樣式選項、瀏覽器相容性和 CSS 重設需求提出疑慮。
- 實作詳細資訊：我們詢問了有關實作詳細資訊的問題，例如聚焦鎖定、算繪行為和自訂子項。
- 一般意見回饋：部分受訪者分享了一般意見回饋，例如希望有更簡單的 API 輸入模式，以及在瀏覽器外顯示的能力。
整體而言，意見回饋指出需要改善無障礙功能、提供多重選取和搜尋等額外功能，以及提供樣式和瀏覽器相容性的明確指引。
還有其他意見想補充嗎？
受訪者提出的想法和建議中，主要有以下幾點：
- 希望新增多重選項和組合方塊功能：多位受訪者特別要求新增多重選項和組合方塊功能。
- 無障礙功能的重要性：部分受訪者強調需要持續重視無障礙功能。
- 正面意見回饋和功能要求：部分使用者對 API 感到興奮，並提出建議，例如搜尋選項或使用
@supports偵測支援功能。 - 特定用途：少數受訪者提到希望看到支援的特定用途，例如在瀏覽器外殼外顯示，或是允許在
<select>元素中使用自訂值。 - 一般意見：部分使用者會給予一般讚賞，或希望在各瀏覽器中顯示一致的外觀。
整體而言，這項意見回饋強化了使用者對多重選取和組合方塊功能的需求，強調了無障礙設計的重要性，並針對潛在用途和可改善的領域提供額外洞察資料。
再次感謝大家，希望這份社群意見回饋摘要能幫助導入者和開發人員，為使用者和開發人員提供更優質的客製化選取體驗。