Baarakɛminɛnw laadilikanw bɛ i n’a fɔ UI gɛlɛya fitinin min bɛ se ka sɔrɔ i la. U ka dɔgɔ ani a ka c’a la, u bɛ dogo. Ni mɔgɔ dɔ y’a ɲininka i bɛ se ka dɔ jɔ cogo min na, a bɛ se ka fɔ ko laadala jaabi bɛ segin ka na ni JavaScript gafemarayɔrɔ dɔw ye. Wa, waati jan kɔnɔ, o tun ye laadilikan hakilitigi ye. Ne fana tugura o kɔ. Ni an y’a lajɛ, baarakɛminɛn dɔ ka nɔgɔn. I bolo digi walima k’i sinsin fɛn dɔ kan, ka kɛsu fitinin dɔ jira ni sɛbɛnni dɔw ye, o kɔ, i k’a dogo ni baarakɛla bɔra yɔrɔ wɛrɛ la. Nka n’i ye kelen ci baarakɛla lakikaw ma dɔrɔn, a dakunw bɛ daminɛ ka jira. Klaviyeti baarakɛlaw Tab ka don trigger kɔnɔ, nka i kana baarakɛminɛnw jira abada. Écran kalanbagaw b’a fɔ siɲɛ fila, walima u t’a fɔ fewu. Baarakɛminɛn in bɛ wuli ni i ye sosɛti lamaga joona kojugu. A bɛ kunnafoniw da ɲɔgɔn kan ɛkran misɛnninw kan. Esc digilen tɛ a datugu. Sinsinnan bɛ tunun. Waati tɛmɛnen kɔfɛ, n ka baarakɛminɛnw kode bonyalen don ka kɛ fɛn ye n tun t’a fɛ tiɲɛ na ka kɛ n ta ye tugun. Ko kɛlenw lamɛnbagaw tun bɛ ɲɔgɔn dalajɛ. Hover ni focus tun ka kan ka ɲɛnabɔ u danma. Kɛnɛma klikɛliw tun mago bɛ ko kɛrɛnkɛrɛnnenw na. ARIA jogo tun ka kan ka to ɲɔgɔn fɛ ni bolo ye. Labɛn misɛnnin kelen-kelen bɛɛ ye hakilina-falen-falen-yɔrɔ wɛrɛ Fàra o kan. Kitabumarasow ye dɛmɛ don, nka u tun bɛ i n’a fɔ kɛsu nɛrɛmaw fana ka ca ni n ye baara kɛ minnu lamini na sanni n ka ko kɛlenw faamuya bɛrɛbɛrɛ kɔfɛ. O de ye n bila ka Popover API kura lajɛ. N tun b’a fɛ k’a lajɛ min bɛna kɛ ni n ye baarakɛminɛn kelen jɔ kokura ni navigatɛri ka modɛli bangenen ye k’a sɔrɔ gafemarayɔrɔ dɔ ma dɛmɛ. An b’a daminɛ tuma min na, a ka kan k’a kɔlɔsi ko i n’a fɔ a bɛ kɛ cogo min na fɛn kura bɛɛ la, fɛn dɔw bɛ a la minnu bɛ nɛgɛ la hali bi. O fɔlen, a bɛ navigatɔrɔn dɛmɛba sɔrɔ sisan, hali n’a y’a sɔrɔ ko fɛn damadɔ bɛ API bɛɛ lajɛlen na minnu bɛ ka wuli. A ka kan k’i ɲɛ jɔ Caniuse la o waati kɔnɔ. Baarakɛminɛn “Kɔrɔ” ye Sani Popover API ka kɛ, baara kɛli ni baarakɛminɛnw gafemarayɔrɔ ye, o tun tɛ sira surun ye. O tun ye default (dafalen) ye. Navigatɛriw tun tɛ ni hakilina fɔlɔ ye baarakɛminɛnko la min bɛ baara kɛ sosɛti, klaviyeti ani dɛmɛnan fɛɛrɛw bɛɛ kan. N’i tun b’i janto tiɲɛni na, i ka fɛɛrɛ kelenpe tun ye ka baara kɛ ni gafemarayɔrɔ ye, wa ne ye o de kɛ tigitigi. Ni an bɛ sanfɛ, misali tun bɛ kɛ kelen ye tuma bɛɛ: fɛn min bɛ fɛn dɔ daminɛ, baarakɛminɛn dogolen dɔ, ani JavaScript walasa ka o fila bɛɛ labɛn.
Kitabumaraso tun bɛ filiw ɲɛnabɔ min tun b’a to o fɛn bɛ se ka jira hover walima focus kan, ka dogo ni blur walima mouse leave ye, ani ka reposition/resize kɛ scroll kan.
Waati tɛmɛnen kɔfɛ, baarakɛminɛnw ɲɛfɔli bɛ se ka kɛ fɛn ye min bɛ se ka tiɲɛ. Yɛlɛma misɛnninw tun bɛ farati lase mɔgɔw ma. Labɛn misɛnninw kɛra sababu ye ka kɔseginw kɛ. Min ka jugu ni o bɛɛ ye, baarakɛminɛn kuraw farali ye o gɛlɛya kelen in ciyɛn ta. Fɛnw tun bɛ baara kɛ fɛɛrɛko siratigɛ la, nka u ma deli k’a ye ko u sigilen don walima ko u dafalen don. O de tun ye fɛnw cogoya ye tuma min na n y’a latigɛ ka baarakɛminɛnw jira kokura ni navigatɔrɔn ka Popover API yɛrɛ ye. Moment I ye Popover API Lajɛ N ma wuli ka baara kɛ ni Popover API ye bawo n tun b’a fɛ ka fɛn kura dɔ kɔlɔsi. N y’a Yɛlɛma bawo n sɛgɛnnen dòn baarakɛminɛnw taabolow marali la n dalen b’a la ko navigatɔrɔ tun ka kan k’o Faamu kaban. N tun bɛ sigasiga a daminɛ na. Web API kura fanba bɛ layidu ta ko nɔgɔya bɛna kɛ, nka hali bi u bɛ kola, edge-case handling, walima fallback logic wajibiya min bɛ gɛlɛya kelen in da kokura ni dususuma ye, i tun b’a ɲini ka boli min na. O la, n ye Popover API kɛcogo lajɛ cogo fitinin na. O tun bɛ cogo min na, o filɛ nin ye:
kan
1. Klaviyeti “A bɛ baara kɛ dɔrɔn” . Klaviyeti dɛmɛni tun bɛ bɔ layɛrɛ caman na minnu bɛ layini kɛ ka ɲɛ: focus tun ka kan ka baarakɛminɛnw daminɛ, blur tun ka kan k’a dogo, Esc tun ka kan ka wire bolo la, wa waati tun ka kan ka kɛ. N’i ye dakun kelen to yen, baarakɛminɛnw ɲɛfɔli tun bɛna da wuli ka mɛn kojugu walima a tun bɛna tunun sani a ka se ka kalan. Ni popover attribut (popover attribut) bilalen don auto walima manual la, navigatɔrɔ bɛ fɛn jɔnjɔnw ta: Tab ni Shift+Tab bɛ u yɛrɛ minɛ cogo bɛnnen na, Esc bɛ baarakɛminɛnw da tugu tuma bɛɛ, wa lamɛnnikɛla wɛrɛw tɛ wajibiya.
Fɛn min tununna n ka kodebase kɔnɔ, o ye diɲɛ keydown handlers, Esc-specific cleanup logic, ani state checks ye keyboard navigation waati. Klaviyeti dɔnniya dabila ka kɛ fɛn ye n tun ka kan ka min mara, wa a kɛra navigatɔrɔn garanti ye. 2. Screenreader (Ekran kalanbaga) ka ɲɛfɔli kɛcogo Nin tun ye...ɲɛtaa belebeleba. Hali ni ARIA baara kɛra ni hakili ye, kɛwalew tun tɛ kelen ye, i n’a fɔ n y’a jira cogo min na ka tɛmɛ. Yɛlɛma fitinin kelen-kelen bɛɛ tun bɛ i ko farati bɛ a la. Baara kɛli ni popover ye ni jɔyɔrɔ bɛnnen ye, o bɛ i n’a fɔ a bɛ sabati kosɛbɛ ani a bɛ se ka fɔ ka ɲɛ fo ka se min bɛna kɛ:
Wa, se wɛrɛ filɛ nin ye : Yɛlɛma kɔfɛ, Lighthouse ye ARIA jamana lasɔmini juguw darapo dabila jɛɲɔgɔnya in kama, kɛrɛnkɛrɛnnenya la, bawo ARIA jamana laadalata tɛ yen tugun walasa ne ka fili kɛ bala la.
3. Sinsinnanw ɲɛnabɔli Fɔlɔ, sinsin tun bɛ kɛ fɛn ye min tɛ se ka tiɲɛ. Fɔlɔ, sariyaw tun bɛ n bolo i n’a fɔ : a to focus trigger ka baarakɛminɛnw jira, ka focus bila tooltip kɔnɔ ani i kana da tugu, ka trigger blur n’a surunyara kojugu, ani ka tooltip da tugu ani ka focus lasegin bolo la. O kɛra baara ye fo a ma kɛ. Ni Popover API ye, navigatɔrɔ bɛ modeli nɔgɔman dɔ wajibiya yɔrɔ min na sinsin bɛ se ka taa popover kɔnɔ cogo la min bɛ kɛ cogo la min bɛ kɛ cogo la. Popover dadonni bɛ segin focus kan ka taa trigger la, wa focus jaan yebaliw walima focus moments tununnenw tɛ yen. Wa n ma focus restoration code fara a kan; N y'a bɔ yen.
Kuncɛli Popover API kɔrɔ ye ko baarakɛminɛnw ladilikanw tɛ fɛn ye tugun i bɛ min ladege. U ye fɛn ye navigatɔrɔn bɛ min Faamu. Dakabanɔgɔ, dadonni, klaviyeti kɛcogo, Escape baarakɛcogo, ani sɔrɔli yɔrɔba dɔ bɛ bɔ sisan plateforme yɛrɛ la, a tɛ bɔ JavaScript ad-hoc la. O kɔrɔ tɛ ko baarakɛminɛnw gafemarayɔrɔw kɔrɔlen don bawo u bɛ mankutu sɔrɔ hali bi dilancogo gɛlɛnw na, ladamuni gɛlɛnw na, walima dankarili kɔrɔw la, nka a daminɛcogo jiginna. A siɲɛ fɔlɔ don, baarakɛminɛn nɔgɔman fana bɛ se ka kɛ baarakɛminɛn ye min bɛnnen don kosɛbɛ. N’i b’a fɛ k’a dɔn, i k’a lajɛ nin k’a lajɛ: I ka baarakɛminɛn kelen dɔrɔn de bila i ka fɛn dilannen na ni Popover API ye, i kana fɛn bɛɛ sɛbɛn kokura, i kana sistɛmu bɛɛ wuli, ka kelen ta dɔrɔn k’a lajɛ min bɛ tunun i ka kode kɔnɔ. Ni plateforme (plateforme) ye primitive ɲuman Di i ma, se sɔrɔli tɛ JavaScript layini damadɔ dɔrɔn ye, nka a ye fɛn damadɔ ye i ka kan ka hami minnu na hali dɔɔnin. Aw ye source code dafalen lajɛ n ka GitHub repo kɔnɔ. Kalan wɛrɛw Walasa ka dives jugumanw sɔrɔ popovers ni API minnu bɛ tali kɛ o la:
“Poppin’ In”, Geoff Graham ye baara kɛ ni a ye “Jɛɲɔgɔnya min bɛ Popovers ni Dialogues cɛ, o ɲɛfɔli”, Zell Liew “Popover=hint ye mun ye?”, Una Kravets “Welebagaw ka cikanw”, Daniel Schwarz “Ka kunnafoni dɔ dabɔli yɛrɛma ni HTML Popover ye”, Preethi UI Popover API ɲɛfɔlikɛla da wuli “Pop(over) balonw”, John Rhea “CSS Ankɔri jɔyɔrɔfalen”, Juan Diego Rodríguez
MDN fana bɛ fɛɛrɛko sɛbɛn caman di Popover API ma.
