Hobart Labs / Obergfe

Ua raws li cov xwm txheej

Peb ntseeg siab tias internet yuav tsum muaj thiab siv tau rau txhua tus neeg, thiab tau cog lus tias yuav muab lub vev xaib uas nkag mus tau rau cov neeg tuaj saib thoob plaws, tsis hais qhov xwm txheej thiab peev xwm.

Txhawm rau ua tiav qhov no, peb tsom mus ua raws li nruj raws li qhov ua tau rau World Wide Web Consortium's (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) ntawm qib AA. Cov lus qhia no piav qhia yuav ua li cas thiaj li ua kom cov ntsiab lus hauv lub vev xaib nkag mus rau cov neeg muaj ntau yam kev tsis taus. Ua raws li cov lus qhia no pab peb kom paub tseeb tias lub vev xaib nkag mus tau rau txhua tus neeg: cov neeg dig muag, cov neeg muaj lub cev tsis muaj zog, tsis pom kev, kev paub tsis meej, thiab lwm yam.

Lub vev xaib no siv ntau yam thev naus laus zis uas txhais tau tias ua kom nws nkag mus tau raws li qhov ua tau txhua lub sijhawm. Peb siv qhov kev nkag mus tau yooj yim uas tso cai rau cov neeg xiam oob khab los kho lub vev xaib UI (tus neeg siv interface) thiab tsim nws raws li lawv tus kheej xav tau.

Tsis tas li ntawd, lub vev xaib siv AI-raws li daim ntawv thov uas khiav hauv keeb kwm yav dhau thiab txhim kho nws cov kev nkag mus tau zoo tas li. Daim ntawv thov no kho lub vev xaib HTML, hloov kho Nws txoj haujlwm thiab kev coj tus cwj pwm rau cov neeg nyeem ntawv siv los ntawm cov neeg tsis pom kev, thiab rau cov haujlwm keyboard siv los ntawm cov tib neeg uas muaj lub cev muaj zog.

Yog tias koj pom qhov ua haujlwm tsis zoo lossis muaj tswv yim los txhim kho, peb yuav zoo siab los hnov ​​​​los ntawm koj. Koj tuaj yeem ncav cuag lub vev xaib tus neeg ua haujlwm los ntawm kev siv email hauv qab no [email tiv thaiv]

Screen-nyeem ntawv thiab keyboard navigation

Peb lub vev xaib siv ARIA cov yam ntxwv (Accessible Rich Internet Applications) cov txheej txheem, nrog rau ntau yam kev hloov pauv ntawm tus cwj pwm, kom ntseeg tau tias cov neeg siv tsis pom kev tuaj xyuas nrog cov neeg nyeem ntawv tuaj yeem nyeem, nkag siab, thiab txaus siab rau lub vev xaib ua haujlwm. Thaum tus neeg siv nrog lub vijtsam-nyeem ntawv nkag mus rau hauv koj lub xaib, lawv tau txais kev ceeb toom tam sim nkag mus rau Screen-Reader Profile kom lawv tuaj yeem xauj thiab khiav koj lub xaib kom zoo. Nov yog yuav ua li cas peb lub vev xaib npog qee qhov tseem ceeb tshaj plaws kev tshuaj ntsuam-nyeem ntawv xav tau, nrog rau console screenshots ntawm code piv txwv:

1. Screen-nyeem ntawv optimization: peb khiav cov txheej txheem keeb kwm yav dhau los uas kawm txog lub vev xaib cov khoom los ntawm sab saum toj mus rau hauv qab, kom ntseeg tau tias kev ua raws li qhov txuas mus ntxiv txawm tias hloov kho lub vev xaib. Hauv cov txheej txheem no, peb muab kev tshuaj ntsuam-nyeem ntawv nrog cov ntaub ntawv muaj txiaj ntsig siv ARIA txheej txheem. Piv txwv li, peb muab cov ntawv sau kom raug; cov lus piav qhia rau cov cim ua tau zoo (kev tshaj xov xwm icons, nrhiav icons, lub laub icons, thiab lwm yam); validation kev taw qhia rau daim ntawv inputs; lub luag haujlwm xws li cov nyees khawm, cov ntawv qhia zaub mov, kev sib tham modal (popups), thiab lwm yam. Tsis tas li ntawd, cov txheej txheem keeb kwm yav dhau scans tag nrho lub vev xaib cov duab thiab muab qhov tseeb thiab muaj txiaj ntsig cov duab-khoom-paub-raws li kev piav qhia raws li ALT (lwm cov ntawv nyeem) lossis rau cov duab uas tsis tau piav qhia. Nws tseem yuav rho tawm cov ntawv uas tau muab tso rau hauv daim duab, siv OCR (optical character recognition) thev naus laus zis. Txhawm rau qhib qhov kev hloov pauv-nyeem ntawv nyeem ntawv txhua lub sijhawm, cov neeg siv tsuas yog nias lub Alt + 1 keyboard ua ke. Cov neeg siv tshuaj ntsuam-nyeem ntawv kuj tau txais kev tshaj tawm tsis siv neeg los tig lub vijtsam-nyeem ntawv hom thaum lawv nkag mus rau hauv lub vev xaib.

   Cov kev hloov kho no tau sib xws nrog txhua tus neeg nyeem ntawv nrov, suav nrog JAWS thiab NVDA.

2. Keyboard navigation optimization: Cov txheej txheem keeb kwm yav dhau kuj kho lub vev xaib HTML, thiab ntxiv ntau yam kev coj cwj pwm siv JavaScript code kom lub vev xaib ua haujlwm los ntawm cov keyboard. Qhov no suav nrog kev muaj peev xwm taug qab lub vev xaib siv Tab thiab ua haujlwm +Tab cov yuam sij, ua haujlwm poob nrog cov xub xub, kaw lawv nrog Esc, khawm khawm thiab txuas siv tus yuam sij Enter, taug qab ntawm lub xov tooj cua thiab lub thawv ntawv siv lub xub tuav, thiab sau lawv nrog Spacebar lossis Enter key.Ntxiv rau, cov neeg siv cov keyboard yuav pom sai-navigation thiab cov ntsiab lus hla cov ntawv qhia zaub mov, muaj nyob rau txhua lub sijhawm los ntawm nias Alt + 1, lossis ua thawj lub ntsiab lus ntawm lub xaib thaum navigating nrog cov keyboard. Cov txheej txheem keeb kwm yav dhau kuj tseem ua haujlwm tshwm sim los ntawm kev txav cov keyboard tsom mus rau lawv sai li sai tau thaum lawv tshwm sim, thiab tsis tso cai rau kev tsom mus rau sab nraud.

   Cov neeg siv kuj tuaj yeem siv cov shortcuts xws li "M" (menus), "H" (headings), "F" (cov ntawv), "B" (khawm), thiab "G" (graphics) dhia mus rau cov ntsiab lus tshwj xeeb.

Kev xiam oob khab profiles txhawb nqa hauv peb lub vev xaib

• Epilepsy Safe Mode: qhov profile no ua rau cov neeg muaj mob vwm siv lub vev xaib kom nyab xeeb los ntawm kev tshem tawm cov kev pheej hmoo ntawm qaug dab peg uas tshwm sim los ntawm flashing lossis blinking animations thiab pheej hmoo xim ua ke.
• Visually Impaired Hom: hom no kho lub vev xaib kom yooj yim rau cov neeg siv nrog qhov tsis pom kev zoo xws li Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, thiab lwm yam.
• Hom Kev Tsis Txaus Siab: hom no muab cov kev pabcuam sib txawv los pab cov neeg siv kev paub tsis meej xws li Dyslexia, Autism, CVA, thiab lwm yam, kom tsom mus rau cov ntsiab lus tseem ceeb ntawm lub vev xaib yooj yim dua.
• ADHD Tus phooj ywg hom: hom no pab cov neeg siv nrog ADHD thiab Neurodevelopmental disorders nyeem, xauj, thiab tsom mus rau cov ntsiab lus tseem ceeb hauv lub vev xaib yooj yim dua thaum txo kev cuam tshuam.
• Qhov muag tsis pom kev: hom no teeb tsa lub vev xaib kom sib haum nrog cov neeg nyeem ntawv nyeem xws li JAWS, NVDA, VoiceOver, thiab TalkBack. Ib qho screen-nyeem ntawv yog software rau cov neeg tsis pom kev uas tau teeb tsa hauv lub computer thiab smartphone, thiab cov vev xaib yuav tsum sib haum nrog nws.
• Keyboard Navigation Profile (Motor-Impaired): qhov profile no ua rau cov neeg tsis muaj zog tsav tsheb khiav lub vev xaib siv cov keyboard Tab, Shift+Tab, thiab cov yuam sij Enter. Cov neeg siv kuj tuaj yeem siv cov shortcuts xws li "M" (menus), "H" (headings), "F" (cov ntawv), "B" (khawm), thiab "G" (graphics) dhia mus rau cov ntsiab lus tshwj xeeb.

Ntxiv UI, kev tsim, thiab kev nyeem ntawv hloov kho

1. Kev hloov pauv font - cov neeg siv, tuaj yeem nce thiab txo nws qhov loj me, hloov nws tsev neeg (hom), kho qhov sib nrug, sib dhos, kab qhov siab, thiab ntau dua.
2. Kev kho xim - Cov neeg siv tuaj yeem xaiv ntau yam xim sib txawv xws li lub teeb, tsaus, inverted, thiab monochrome. Tsis tas li ntawd, cov neeg siv tuaj yeem hloov cov qauv xim ntawm lub npe, ntawv, thiab keeb kwm yav dhau, nrog ntau tshaj xya qhov kev xaiv xim sib txawv.
3. Animations – tus neeg mob qaug dab peg tuaj yeem nres tag nrho cov animations khiav nrog nias ntawm lub pob. Animations tswj los ntawm lub interface muaj xws li cov yeeb yaj duab, GIFs, thiab CSS flashing hloov.
4. Cov ntsiab lus tseem ceeb - cov neeg siv tuaj yeem xaiv los hais txog cov ntsiab lus tseem ceeb xws li txuas thiab cov npe. Lawv kuj tuaj yeem xaiv los qhia cov ntsiab lus tsom lossis hovered nkaus xwb.
5. Audio muting - cov neeg siv cov khoom siv hnov ​​​​lus yuav muaj mob taub hau lossis lwm yam teeb meem vim tsis siv lub suab ua si. Qhov kev xaiv no cia cov neeg siv mute tag nrho lub vev xaib tam sim ntawd.
6. Cognitive Disorders – peb siv lub tshuab tshawb nrhiav uas txuas nrog Wikipedia thiab Wiktionary, tso cai rau cov neeg muaj kev paub tsis meej los txiav txim siab lub ntsiab lus ntawm cov kab lus, npe, lus, thiab lwm yam.
7. Cov haujlwm ntxiv - Peb muab cov neeg siv kev xaiv los hloov tus cursor xim thiab qhov loj me, siv hom luam ntawv, pab kom lub keyboard virtual, thiab ntau lwm yam haujlwm.

Browser thiab kev pabcuam thev naus laus zis compatibility

Peb lub hom phiaj txhawb nqa qhov dav tshaj plaws ntawm cov browsers thiab cov thev naus laus zis pab tau raws li qhov ua tau, yog li peb cov neeg siv tuaj yeem xaiv cov cuab yeej haum zoo tshaj plaws rau lawv, nrog rau kev txwv tsawg li ntau tau. Yog li ntawd, peb tau ua haujlwm hnyav heev kom muaj peev xwm txhawb nqa txhua lub tshuab loj uas suav nrog ntau dua 95% ntawm cov neeg siv khoom lag luam suav nrog Google Chrome, Mozilla Firefox, Apple Safari, Opera thiab Microsoft Edge, JAWS thiab NVDA (screen nyeem).

Cov ntawv sau, cov lus pom, thiab cov lus qhia

Txawm hais tias peb tau siv zog zoo tshaj plaws los tso cai rau leej twg los kho lub vev xaib rau lawv cov kev xav tau. Tej zaum tseem yuav muaj cov nplooj ntawv lossis cov ntu uas tsis tuaj yeem nkag mus tau zoo, tab tom tab tom nkag mus tau, lossis tsis muaj kev siv thev naus laus zis txaus los ua kom lawv nkag mus tau. Txawm li cas los xij, peb pheej niaj hnub txhim kho peb txoj kev nkag mus tau yooj yim, ntxiv, hloov kho thiab txhim kho nws cov kev xaiv thiab cov yam ntxwv, thiab tsim thiab siv cov thev naus laus zis tshiab. Tag nrho cov no yog txhais tau tias kom ncav cuag qhov zoo tshaj plaws ntawm kev nkag mus tau zoo, tom qab kev txhim kho thev naus laus zis. Yog xav paub ntxiv, thov hu rau [email tiv thaiv]