Bevindingen uit het aanpasbare formulier voor het selecteren van een verzoek om feedback van ontwikkelaars

Adam Argyle

Gepubliceerd: 16 december 2024

In september vroegen we u om feedback over de experimentele aanpasbare selectiefunctie. De feedback die u deelde, omvatte use cases (bijvoorbeeld ontwerpsystemen, keuzelijsten), ideeën over de invoermodus van de API en feedback over basisstijlen. Uw zorgen betroffen onder andere toegankelijkheid, browsercompatibiliteit, de behoefte aan zoekfunctionaliteit en de wens voor ondersteuning van meerdere selecties. Het lijkt erop dat u de API graag in productie wilt gebruiken, maar dat u nog bedenkingen en specifieke functieverzoeken heeft.

Al deze informatie is door Chrome-engineers en -managers gebruikt om weloverwogen beslissingen over de functie te nemen. In dit bericht worden de belangrijkste conclusies uit elk van de vragen in de aanpasbare selectie-enquête gedeeld.

Wat zou jij bouwen met deze nieuwe API?

Er werden verschillende use cases gedeeld, over het algemeen omvatten deze:

  1. Componenten van het gebouwontwerpsysteem : selecteer componenten voor hun ontwerpsystemen en zorg zo voor consistentie en aanpasbaarheid in hun projecten.
  2. Verschillende typen selectoren maken : zoals taalselectoren, landselectoren, selectoren voor gebruikersrechten en meer.
  3. Verbeter bestaande selectie-elementen : verbeter bestaande selectie-elementen met functies zoals afbeeldingen, SVG's en rijkere styling.
  4. Vervang aangepaste selectie-implementaties : vervang op maat gemaakte selectiecomponenten door een gestandaardiseerde, native oplossing.
  5. Het bouwen van keuzelijsten en aangepaste pickers : complexere functies zoals keuzelijsten en aangepaste pickers voor telefoonnummers, tijdzones, valuta's en andere gegevenstypen.
  6. Verbetering van formuliergebruikersinterfaces : verbeter formulieren door visueel aantrekkelijkere en functionelere selectie-elementen te maken.

Deze reacties benadrukken de veelzijdigheid van de nieuwe API en de potentie ervan om de gebruikerservaring en ontwikkelingsefficiëntie voor een breed scala aan webapplicaties te verbeteren.

Bent u van plan om deze API in productie te gebruiken zodra deze Baseline breed beschikbaar is?

95% van jullie antwoordde met "ja".

Heb je de nieuwe API geprobeerd? Zo ja, heb je ermee kunnen bouwen wat je wilde?

30% van jullie antwoordde met "ja".

Wat vind je van de invoermodus voor aanpasbare selectie ( appearance: base-select op het <select> -element en ::picker(select) )?

De feedback op deze invoermodus is gemengd:

  1. Sommigen vinden de aanpak acceptabel, redelijk of zelfs beter dan de huidige situatie. Zij zien het als een "logische" of "prima" manier om het <select> -element geleidelijk te verbeteren.
  2. Anderen uiten verwarring of vinden de syntaxis onhandig. Het gebruik van twee eigenschappen ( appearance: base-select en ::picker(select) ) wordt als overbodig of onnodig gezien. Er zijn zorgen over de naamgeving ( base-select kan misleidend zijn) en mogelijke verwarring voor nieuwkomers die niet bekend zijn met de onderliggende concepten.
  3. Enkele respondenten suggereren alternatieve benaderingen, zoals het gebruiken van één enkele eigenschap of selector, of het helemaal vermijden van de eigenschap ' appearance .

Over het algemeen zijn sommige respondenten tevreden met de huidige instapmodus, terwijl anderen deze verwarrend vinden of verbeteringen voorstellen voor meer duidelijkheid en eenvoud. Deze feedback benadrukt het belang van duidelijke documentatie en voorbeelden om ontwikkelaars te helpen de nieuwe API effectief te gebruiken.

Heeft u feedback over de bestaande basisstijlen (user agent) voor aanpasbare selecties?

Sommige respondenten vinden de stijlen acceptabel of goed, terwijl anderen specifieke kritiek of suggesties hebben. Enkele feedbackpunten zijn:

  • Het vinkje is niet mooi en zou eenvoudiger kunnen.
  • Er is niet genoeg ruimte voor een vinkje naast de items.
  • De basisstijlen zien er krap uit, de focusring is afgesneden en er is geen ruimte tussen het aangevinkte pictogram en de tekst.
  • De stijlen kunnen meer lijken op de stijl van het besturingssysteemplatform of een <dialog> -element.
  • De standaardpijl moet naar beneden wijzen en naar boven kantelen als hij open is.
  • Mogelijk is een reset nodig om de basis-user-agent-stijlen te verwijderen.

Heeft u vragen, opmerkingen of zorgen over deze functie?

Er was een verscheidenheid aan feedback, vragen en zorgen over de nieuwe aanpasbare selectie-API. Enkele belangrijke thema's waren:

  1. Toegankelijkheid : Meerdere respondenten maakten zich zorgen over de toegankelijkheid, met name wat betreft schermlezers en toetsenbordnavigatie.
  2. Meervoudige selectie en keuzelijsten met invoervak : er is een grote behoefte aan meervoudige selectiefunctionaliteit en ondersteuning voor keuzelijsten met invoervak.
  3. Zoekfunctionaliteit : De mogelijkheid om binnen de selectieopties te zoeken, is een gevraagde functionaliteit.
  4. Styling en browsercompatibiliteit : er werden zorgen geuit over stylingopties, browsercompatibiliteit en de noodzaak om CSS te resetten.
  5. Implementatiedetails : Er werden vragen gesteld over specifieke implementatiedetails, zoals focusvergrendeling, renderinggedrag en aangepaste onderliggende elementen.
  6. Algemene feedback : Sommige respondenten deelden algemene feedback, zoals de wens voor een eenvoudigere API-invoermodus en de mogelijkheid om buiten de browseromgeving te renderen.

Over het algemeen benadrukt de feedback de behoefte aan verbeterde toegankelijkheid, extra functies zoals meervoudige selectie en zoeken, en duidelijke richtlijnen over vormgeving en browsercompatibiliteit.

Heeft u nog andere feedback?

Belangrijke thema's uit de gedachten en suggesties van respondenten zijn:

  1. Wens voor meervoudige selectie- en keuzelijstfunctionaliteit : Meerdere respondenten vroegen specifiek om de toevoeging van meervoudige selectie- en keuzelijstfunctionaliteit.
  2. Belang van toegankelijkheid : Sommige respondenten benadrukken de noodzaak van blijvende aandacht voor toegankelijkheidsfuncties.
  3. Positieve feedback en verzoeken voor nieuwe functies : Sommigen zijn enthousiast over de API en doen suggesties, zoals een zoekoptie of de mogelijkheid om ondersteuning te detecteren met @supports .
  4. Specifieke use cases : Een paar respondenten noemen specifieke use cases die ze graag ondersteund zouden zien, zoals rendering buiten de browseromgeving of het toestaan ​​van aangepaste waarden binnen het <select> -element.
  5. Algemene opmerkingen : Sommigen uiten algemene lof of uiten de wens voor een consistente weergave in alle browsers.

Deze feedback bevestigt over het algemeen de vraag naar functies voor meerdere selecties en keuzelijsten met keuzelijsten, benadrukt het belang van toegankelijkheid en biedt aanvullende inzichten in mogelijke gebruiksgevallen en verbeterpunten.

We willen iedereen nogmaals bedanken en hopen dat deze samenvatting van communityfeedback goed terechtkomt bij de implementers en ontwikkelaars, en bijdraagt ​​aan een betere, aanpasbare selectie-ervaring voor zowel gebruikers als ontwikkelaars.