Data di pubblicazione: 16 dicembre 2024
A settembre abbiamo chiesto il tuo feedback sulla funzionalità di selezione personalizzabile sperimentale. I feedback che hai condiviso includevano casi d'uso (ad esempio sistemi di progettazione, caselle combinate), opinioni sulla modalità di inserimento dell'API e feedback sugli stili di base. I problemi riguardavano l'accessibilità, la compatibilità con i browser, la necessità di una funzionalità di ricerca e il desiderio di supportare la selezione multipla. Sembra che tu voglia utilizzare l'API in produzione, ma abbia alcune riserve e richieste di funzionalità specifiche.
Tutte queste informazioni sono state utilizzate dagli ingegneri e dai gestori di Chrome per prendere decisioni informate sulla funzionalità. Questo post condivide i punti chiave di ciascuna domanda del sondaggio selettivo personalizzabile.
Cosa creeresti con questa nuova API?
Sono stati condivisi diversi casi d'uso, che in genere includevano:
- Creazione di componenti del sistema di design: creano componenti selezionati per i loro sistemi di design, garantendo coerenza e personalizzazione in tutti i progetti.
- Creazione di vari tipi di selettori: ad esempio selettori di lingue, paesi, autorizzazioni utente e altro ancora.
- Miglioramento degli elementi selezionati esistenti: migliora gli elementi selezionati esistenti con funzionalità come immagini, SVG e stili più completi.
- Sostituisci le implementazioni di caselle di controllo personalizzate: sostituisci i componenti di caselle di controllo personalizzati con una soluzione nativa standardizzata.
- Creazione di caselle combinate e selettori personalizzati: funzionalità più complesse come caselle combinate, selettori personalizzati per numeri di telefono, fusi orari, valute e altri tipi di dati.
- Miglioramento delle UI dei moduli: migliora i moduli creando elementi di selezione più accattivanti e funzionali.
Queste risposte mettono in evidenza la versatilità della nuova API e il suo potenziale per migliorare l'esperienza utente e l'efficienza dello sviluppo per una vasta gamma di applicazioni web.
Prevedi di utilizzare questa API in produzione una volta che raggiungerà la disponibilità generale del livello di riferimento?
Hai provato la nuova API? Se sì, hai potuto creare ciò che volevi?
Cosa ne pensi della modalità di inserimento per l'elemento di selezione personalizzabile (appearance: base-select nell'elemento <select> e ::picker(select))
I feedback su questa modalità di inserimento sono contrastanti:
- Alcuni ritengono l'approccio accettabile, ragionevole o addirittura migliore della situazione attuale. Lo considerano un modo "logico" o "perfetto" per migliorare progressivamente l'elemento
<select>. - Altri esprimono confusione o trovano la sintassi scomoda. L'utilizzo di due proprietà (
appearance: base-selecte::picker(select)) è considerato ridondante o non necessario. Sono stati sollevati dubbi sulla denominazione (base-selectpotrebbe essere fuorviante) e sulla potenziale confusione per i neofiti non esperti dei concetti sottostanti. - Alcuni intervistati suggeriscono approcci alternativi, come l'utilizzo di una singola proprietà o di un singolo selettore o l'evitare del tutto la proprietà
appearance.
Nel complesso, sebbene alcuni intervistati si trovino a proprio agio con l'attuale modalità di inserimento, altri la trovano confusa o suggeriscono miglioramenti per chiarezza e semplicità. Questo feedback evidenzia l'importanza di una documentazione e di esempi chiari per guidare gli sviluppatori nell'utilizzo efficace della nuova API.
Hai feedback da dare sugli stili di base (user agent) esistenti per la selezione personalizzabile?
Alcuni intervistati ritengono gli stili accettabili o buoni, mentre altri hanno critiche o suggerimenti specifici. Ecco alcuni punti del feedback:
- L'icona con segno di spunta non è bella o potrebbe essere più semplice.
- Non c'è spazio sufficiente per un segno di spunta accanto agli articoli.
- Gli stili di base sembrano essere troppo stretti, con l'anello di messa a fuoco tagliato e senza spaziatura tra l'icona selezionata e il testo.
- Gli stili potrebbero essere più simili allo stile della piattaforma OS o a un elemento
<dialog>. - La freccia predefinita deve essere rivolta verso il basso e girare verso l'alto quando è aperta.
- Potrebbe essere necessario un ripristino per rimuovere gli stili degli agenti utente di base.
Hai domande, commenti o dubbi in merito a questa funzionalità?
Abbiamo ricevuto una serie di feedback, domande e dubbi sulla nuova API Select personalizzabile. Ecco alcuni dei temi principali:
- Accessibilità: diversi intervistati hanno sollevato dubbi sull'accessibilità, in particolare in merito a screen reader e navigazione con tastiera.
- Caselle di controllo con più opzioni e combinate: c'è un forte desiderio di funzionalità di selezione multipla e supporto delle caselle combinate.
- Funzionalità di ricerca: la possibilità di effettuare ricerche all'interno delle opzioni selezionate è una funzionalità richiesta.
- Stili e compatibilità del browser: sono stati sollevati dubbi sulle opzioni di stile, sulla compatibilità del browser e sulla necessità di reimpostare il CSS.
- Dettagli sull'implementazione: sono state poste domande su dettagli specifici dell'implementazione, come il blocco dell'attenzione, il comportamento di rendering e gli elementi secondari personalizzati.
- Feedback generale: alcuni partecipanti hanno condiviso feedback generali, ad esempio la richiesta di una modalità di inserimento dell'API più semplice e la possibilità di eseguire il rendering al di fuori del browser Chrome.
Nel complesso, i feedback evidenziano la necessità di una maggiore accessibilità, funzionalità aggiuntive come la selezione multipla e la ricerca e indicazioni chiare su stile e compatibilità con i browser.
Vuoi aggiungere altri feedback?
I temi principali emersi dai pensieri e dai suggerimenti dei partecipanti includono:
- Richiesta di funzionalità di casella combinata e di scelta multipla: diversi intervistati richiedono specificamente l'aggiunta di funzionalità di casella combinata e di scelta multipla.
- Importanza dell'accessibilità: alcuni intervistati sottolineano la necessità di continuare a concentrarsi sulle funzionalità di accessibilità.
- Feedback positivi e richieste di funzionalità: alcuni utenti sono entusiasti dell'API e offrono suggerimenti come un'opzione di ricerca o la possibilità di rilevare l'assistenza utilizzando
@supports. - Caso d'uso specifici: alcuni intervistati menzionano casi d'uso specifici che vorrebbero vedere supportati, ad esempio il rendering al di fuori del riquadro del browser o l'autorizzazione di valori personalizzati all'interno dell'elemento
<select>. - Commenti generali: alcuni offrono elogi generali o esprimono il desiderio di un aspetto coerente su tutti i browser.
Nel complesso, questo feedback conferma la richiesta di funzionalità di casella combinata e di selezione multipla, mette in evidenza l'importanza dell'accessibilità e fornisce ulteriori approfondimenti su potenziali casi d'uso e aree di miglioramento.
Ringraziamo ancora tutti e ci auguriamo che questo riepilogo dei feedback della community sia utile a implementatori e sviluppatori, contribuendo a migliorare un'esperienza di selezione più personalizzabile sia per gli utenti che per gli sviluppatori.