Mus rau kev nkag tau yooj yim

Hnub Friday yog hnub kawg ntawm hnub ua haujlwm. Cov xov xwm phem ib txwm tuaj thaum kawg ntawm hnub ua haujlwm hnub Friday.

Koj tab tom yuav tawm ntawm qhov chaw ua haujlwm, tsab ntawv tshiab hais txog lwm qhov kev hloov kho tshiab tau tuaj txog hauv kev xa ntawv.

Ua tsaug xxxx, yyy txij hnub no koj yuav qhia zzzz
...
Thiab Hugh pab neeg yuav ua kom peb cov khoom siv tau rau cov neeg tsis taus.

Aw no! Vim li cas kuv thiaj tsim nyog qhov no? Lawv puas xav kom kuv tawm mus? Teem koj tus kheej rau kev ua haujlwm hnyav ua tsaug thiab sim kho lwm tus qhov yuam kev. Qhov no yeej yog qhov ua tsis tiav ...

Qhov no yog qhov muaj nyob rau ob peb xyoos dhau los. Qee tus ntsuj plig tsis zoo tau muab txoj haujlwm "tu" UI los sim thiab ua kom nws nkag mus tau rau cov neeg tsis taus.

Qhov no txhais tau li cas yog tsis meej pem - xav tias yog tias koj tuaj yeem pom qhov taw qhia ua kom pom tseeb thiab tab hauv cov teb, muaj qee cov ntawv alt thiab ob peb nqe lus piav qhia, nws yuav suav tias koj daim ntawv thov nkag mus tau ...

Tab sis mam li nco dheev cov "kab" pib nce mus rau qhov ceev ntawm avalanche.

Ntau yam screen nyeem (Eng. Screen Readers) thiab browsers coj txawv txawv kiag li.

Cov neeg siv tau yws tias lub app siv tsis tau.

Sai li qhov yuam kev raug kho nyob rau hauv ib qho chaw, lwm qhov tshwm sim hauv lwm qhov.

Thiab tsuas yog hloov thiab kho cov neeg siv interface yuam kev yuav tsum tau siv zog Herculean.

Kuv nyob ntawd. Kuv muaj txoj sia nyob, tab sis peb tsis tau "ua tiav" - technically peb ntxuav ntau, ntxiv ntau cov lus piav qhia, lub luag haujlwm, thiab ua tiav qee qib kev ua raws, tab sis tsis muaj leej twg zoo siab. Cov neeg siv tseem yws tias lawv tsis tuaj yeem taug qab daim ntawv thov. Tus thawj coj tseem yws yws txog qhov kev ua yuam kev tas li. Cov kws tshaj lij tau yws tias qhov teeb meem raug teeb tsa tsis raug, tsis muaj qhov qhia meej meej "tsim" kev daws teeb meem uas yuav ua haujlwm rau txhua kis.

Muaj qee lub sij hawm txiav txim siab qhib qhov muag raws kuv txoj kev mus rau kev nkag siab txog kev nkag tau yooj yim.
Tej zaum thawj zaug yog qhov kev paub tias ntxiv kev siv tau yooj yim rau saum cov khoom tiav yog qhov nyuaj. Thiab nws tseem nyuaj dua rau cov thawj coj hais tias nws nyuaj heev! Tsis yog, nws tsis yog "ntxiv ob peb lub cim" thiab UI yuav ua haujlwm zoo xwb. Tsis yog, qhov no tsis tuaj yeem ua tiav hauv peb lub lis piam; txawm tias peb lub hlis yuav tsis txaus.
Kuv lub sijhawm tom ntej ntawm qhov tseeb tuaj thaum kuv pom thawj-tes yuav ua li cas cov neeg dig muag siv peb lub app. Qhov no yog SO txawv ntawm saib cov lus yuam kev.

Kuv yuav rov qab los rau qhov no ib zaug ntxiv, tab sis yuav luag tag nrho peb cov "kev xav" hais txog yuav ua li cas tib neeg siv peb lub app tsis raug.

Navigating ib tug complex user interface siv keystrokes Tab/Shift+Tab – qhov no txaus ntshai! Peb xav tau ib yam dab tsi zoo dua. Keyboard shortcuts, headers.

Kev poob siab thaum hloov UI tsis yog qhov teeb meem loj, puas yog? Cia peb xav dua - qhov no yog qhov tsis txaus ntseeg.

Kuv txuas ntxiv, ua haujlwm ntawm cov haujlwm sib txawv rau ib ntus, thiab tom qab ntawd peb pib ib txoj haujlwm tshiab, nrog rau cov neeg siv kev sib tshuam thiab kev teeb tsa meej, kom thaum kawg tau txais kev nkag mus tau zoo rau lub sijhawm no.

Yog li, peb tau rov qab mus saib yuav ua li cas peb tuaj yeem siv qhov sib txawv no thiab ua tiav, thiab ua kom cov txheej txheem tho txawv!

Heev sai peb tuaj rau qee qhov kev txiav txim siab:

1. Peb tsis xav kom cov neeg tsim cov neeg siv interface rau mess nrog aria cov ntawv / lub luag haujlwm thiab, tau kawg, cov qauv HTML ntawm cov khoom. Peb yuav tsum tau muab lawv nrog cov khoom tsim nyog uas tsim kom muaj kev nkag tau yooj yim tawm ntawm lub thawv.
2. Accessibility == Yooj yim ntawm kev siv – i.e. Qhov no tsis yog ib qho kev sib tw xwb. Peb yuav tsum tau hloov tag nrho cov txheej txheem tsim thiab xyuas kom meej tias kev nkag tau mus rau hauv tus account thiab sib tham ua ntej UI tsim. Koj yuav tsum xav thaum ntxov ntawm yuav ua li cas cov neeg siv yuav nrhiav tau ib qho kev ua haujlwm, lawv yuav taug kev li cas, thiab txoj cai-nias ntawm cov keyboard yuav ua haujlwm li cas. Kev nkag mus yuav tsum yog ib feem tseem ceeb ntawm cov txheej txheem tsim - rau qee cov neeg siv nws yog ntau dua li qhov pom ntawm daim ntawv thov.
3. Txij thaum pib, peb xav tau kev tawm tswv yim los ntawm qhov muag tsis pom thiab lwm cov neeg siv tsis taus txog qhov yooj yim ntawm kev siv daim ntawv thov.
4. Peb xav tau txoj hauv kev zoo tiag tiag los ntes cov kev nkag mus tau yooj yim.

Zoo, los ntawm ib qho kev xav ntawm engineering, thawj ntu suab zoo heev - txhim kho kev tsim vaj tsev thiab siv lub tsev qiv ntawv ntawm cov khoom. Thiab qhov tseeb nws yog li ntawd.

Nqa ib kauj ruam rov qab, saib ARIA piv txwv thiab los ntawm kev xav txog qhov no yog qhov teeb meem tsim es tsis yog qhov teeb meem "fitting", peb tau qhia qee qhov kev xav. Ib qho kev tivthaiv muaj 'Structure' (muaj cov ntsiab lus HTML) thiab 'Cwj pwm' (yuav ua li cas nws cuam tshuam nrog tus neeg siv). Piv txwv li, hauv cov snippets hauv qab no peb muaj ib daim ntawv teev npe yooj yim unordered. Los ntawm kev ntxiv "tus cwj pwm" cov luag haujlwm sib raug tau ntxiv rau hauv daim ntawv teev npe kom nws ua raws li daim ntawv teev npe. Peb ua tib yam rau cov ntawv qhia zaub mov.

Qhov tseeb, tsis yog tsuas yog lub luag haujlwm ntxiv ntawm no, tab sis kuj tseem muaj cov neeg ua haujlwm rau cov keyboard navigation.

Qhov no zoo dua qub. Yog tias peb tuaj yeem tau txais kev sib cais huv ntawm lawv, nws yuav tsis muaj teeb meem li cas cov qauv tsim, peb tuaj yeem siv Tus Cwj Pwm rau nws thiab tau txais kev nkag mus tau zoo.

Koj tuaj yeem pom qhov no hauv kev nqis tes ua ntawm https://stardust-ui.github.io/react/ - UX tsev qiv ntawv React, uas yog tsim thiab siv nrog kev nkag tau rau hauv siab txij thaum pib.

Qhov thib ob - hloov txoj hauv kev thiab cov txheej txheem nyob ib puag ncig kev tsim tsim ua rau kuv ntshai: cov neeg ua haujlwm qis qis sim thawb los ntawm kev hloov pauv ntawm lub koom haum tsis tas yuav xaus zoo, tab sis nws tau dhau los ua ib qho ntawm cov kev nthuav dav tshaj plaws uas peb tau txais txiaj ntsig tseem ceeb rau cov txheej txheem. . Hauv kev txiav txim siab, peb cov txheej txheem tau ua raws li hauv qab no: kev ua haujlwm tshiab yuav raug tsim los ntawm ib pab pawg, tom qab ntawd peb pab pawg thawj coj yuav tshuaj xyuas / rov hais dua cov lus pom zoo, thiab tom qab ntawd, ib zaug pom zoo, tus qauv tsim feem ntau raug xa mus rau pab pawg engineering. Nyob rau hauv rooj plaub no, pab neeg ua haujlwm engineering ua haujlwm tau zoo "muaj" kev siv tau yooj yim vim nws yog lawv lub luag haujlwm los kho txhua yam teeb meem cuam tshuam nrog nws.

Thaum pib, nws yog ib txoj hauj lwm nyuaj heev los piav qhia tias kev siv tau yooj yim thiab kev siv tau yog inextricably txuas thiab qhov no yuav tsum tau ua nyob rau theem tsim, txwv tsis pub nws yuav ua rau muaj kev hloov pauv loj thiab rov txhais dua ntawm qee lub luag haujlwm. Txawm li cas los xij, nrog kev txhawb nqa ntawm kev tswj hwm thiab cov neeg ua haujlwm tseem ceeb, peb tau muab lub tswv yim thiab muab tso rau hauv cov lus tsa suab kom cov qauv tsim tau raug sim rau kev siv tau yooj yim thiab siv tau ua ntej lawv nthuav tawm rau kev tswj hwm.

Thiab qhov kev tawm tswv yim no muaj txiaj ntsig zoo rau txhua tus - nws yog qhov zoo heev uas yog ib qho kev tawm dag zog hauv kev sib qhia kev paub / kev sib txuas lus txog seb cov neeg siv cuam tshuam nrog cov ntawv thov web, peb tau txheeb xyuas ntau qhov teeb meem UI ua ntej lawv tsim, pab pawg txhim kho tam sim no muaj cov ntsiab lus zoo dua tsis yog. tsuas yog pom, tab sis kuj coj tus cwj pwm ntawm kev tsim. Kev sib tham tiag tiag yog kev lom zem, muaj zog, muaj kev sib tham txog kev sib tham thiab kev sib tham.

Peb tuaj yeem ua qhov no zoo dua yog tias peb muaj cov neeg dig muag thiab cov neeg xiam oob khab ntawm cov rooj sib tham (los yog tom qab) - qhov no nyuaj rau kev npaj, tab sis tam sim no peb ua haujlwm nrog ob lub koom haum dig muag hauv zos thiab cov tuam txhab, uas muab cov kev sim sab nraud los txheeb xyuas qhov kev ua tiav thaum ntxov. kev loj hlob - ob qho tib si ntawm cov khoom siv thiab kev ua haujlwm ntws.

Cov engineers tam sim no muaj cov ncauj lus kom ntxaws ntxaws, muaj cov khoom siv uas lawv tuaj yeem siv los siv, thiab ib txoj hauv kev los xyuas qhov kev ua tiav. Ib feem ntawm qhov kev paub dhau los tau qhia peb yog qhov peb tau ploj mus tas li - yuav ua li cas peb tuaj yeem tiv thaiv kev thim rov qab. Ib yam li ntawd, tib neeg tuaj yeem siv kev sib koom ua ke lossis kev xeem kawg-rau-kawg los ntsuas kev ua haujlwm, uas peb yuav tsum kuaj xyuas cov kev hloov pauv hauv kev sib cuam tshuam thiab kev ua tiav - ob qho tib si pom thiab tus cwj pwm.

Kev txiav txim siab qhov pom kev rov qab yog ib txoj haujlwm uas tau hais tseg, muaj tsawg heev uas tuaj yeem ntxiv rau cov txheej txheem uas tsis yog kuaj xyuas seb puas pom pom thaum navigating nrog cov keyboard. Ntau qhov nthuav yog ob lub thev naus laus zis tshiab rau kev ua haujlwm nrog kev nkag mus tau yooj yim.

1. Kev Nkag Siab yog ib txheej ntawm cov cuab yeej uas tuaj yeem khiav tau ob qho tib si hauv qhov browser thiab ua ib feem ntawm kev tsim / kuaj lub voj voog txhawm rau txheeb xyuas cov teeb meem.
2. Kev txheeb xyuas tias cov neeg nyeem ntawv ua haujlwm raug yog ib txoj haujlwm nyuaj tshwj xeeb. Nrog kev qhia txog kev nkag mus rau Accessibility DOM, thaum kawg peb muaj peev xwm coj tau yooj yim snapshots ntawm lub app, zoo li peb ua rau kev kuaj pom, thiab sim lawv rau regression.

Yog li, hauv ntu thib ob ntawm zaj dab neeg, peb tau txav los ntawm kev kho HTML code mus ua haujlwm ntawm qib siab dua ntawm kev paub daws teeb meem, hloov cov txheej txheem tsim tsim thiab qhia txog kev sim ua kom zoo. Cov txheej txheem tshiab, thev naus laus zis tshiab, thiab qib tshiab ntawm kev paub daws teeb meem tau hloov pauv tag nrho cov toj roob hauv pes ntawm kev siv tau thiab nws txhais li cas los ua haujlwm hauv qhov chaw no.
Tab sis qhov no tsuas yog qhov pib.

Tom ntej no "kev nkag siab" yog tias cov neeg siv dig muag tau tsav cov thev naus laus zis thev naus laus zis - lawv yog cov uas tau txais txiaj ntsig zoo tshaj plaws tsis yog los ntawm cov kev hloov pauv uas peb tau piav qhia dhau los, tab sis kuj tseem tias cov txheej txheem tshiab thiab cov tswv yim ua tau los ntawm ML / AI. Piv txwv li, Immersive Reader thev naus laus zis tso cai rau cov neeg siv nthuav tawm cov ntawv yooj yim dua thiab meej. Nws tuaj yeem nyeem tau nrov nrov, kab lus qauv raug rhuav tshem grammatically, thiab txawm tias lo lus lub ntsiab lus tau nthuav tawm graphically. Qhov no tsis haum rau qhov qub "ua rau nws nkag mus tau" kev xav txhua - nws yog qhov siv tau uas yuav pab tau txhua tus.

ML / AI tau ua kom muaj txoj hauv kev tshiab ntawm kev sib cuam tshuam thiab ua haujlwm, thiab peb zoo siab los ua ib feem ntawm cov theem tom ntej ntawm txoj kev hla no. Kev tsim kho tshiab yog tsav los ntawm kev hloov pauv hauv kev xav - tib neeg muaj nyob rau ntau txhiab xyoo, tshuab rau ntau pua xyoo, cov vev xaib rau ntau xyoo lawm, thiab smartphones txawm tsawg dua, thev naus laus zis yuav tsum hloov mus rau tib neeg, thiab tsis ua rau lwm tus.

PS Cov kab lus tau raug muab txhais nrog me me deviations los ntawm tus thawj. Raws li tus kws sau ntawv ntawm tsab xov xwm no, kuv pom zoo rau cov kev tsis txaus siab no nrog Hugh.

Tsuas yog cov neeg siv sau npe tuaj yeem koom nrog hauv daim ntawv ntsuam xyuas. Kos npe rau hauvthov.

Koj puas xyuam xim rau kev nkag tau ntawm koj daim ntawv thov?

• Yog

• Tsis

• Nov yog thawj zaug kuv tau hnov ​​​​txog app nkag tau yooj yim.

17 cov neeg siv pov npav. 5 cov neeg siv txwv tsis pub siv.

Tau qhov twg los: www.hab.com