BED 2020

Katayuan ng pagsunod

Lubos kaming naniniwala na ang internet ay dapat na magagamit at naa-access ng sinuman, at nakatuon sa pagbibigay ng isang website na naa-access sa pinakamalawak na posibleng madla, anuman ang kalagayan at kakayahan.

Upang maisakatuparan ito, nilalayon naming sumunod nang mahigpit hangga't maaari sa Mga Alituntunin sa Pag-access sa Nilalaman ng Web (W3C) ng World Wide Web Consortium 2.1 (WCAG 2.1) sa antas ng AA. Ipinapaliwanag ng mga alituntuning ito kung paano gawing naa-access ang nilalaman ng web sa mga taong may malawak na hanay ng mga kapansanan. Ang pagsunod sa mga alituntuning iyon ay nakakatulong sa amin na matiyak na ang website ay naa-access ng lahat ng tao: mga bulag, mga taong may kapansanan sa motor, kapansanan sa paningin, mga kapansanan sa pag-iisip, at higit pa.

Ang website na ito ay gumagamit ng iba't ibang mga teknolohiya na nilalayong gawin itong madaling ma-access hangga't maaari sa lahat ng oras. Gumagamit kami ng accessibility interface na nagbibigay-daan sa mga taong may partikular na kapansanan na ayusin ang UI (user interface) ng website at idisenyo ito sa kanilang mga personal na pangangailangan.

Bilang karagdagan, ang website ay gumagamit ng isang AI-based na application na tumatakbo sa background at patuloy na ino-optimize ang antas ng pagiging naa-access nito. Ang application na ito ay nire-remediate ang HTML ng website, iniangkop ang functionality at gawi nito para sa mga screen-reader na ginagamit ng mga bulag na user, at para sa mga function ng keyboard na ginagamit ng mga indibidwal na may kapansanan sa motor.

Kung nakakita ka ng malfunction o may mga ideya para sa pagpapabuti, ikalulugod naming makarinig mula sa iyo. Maaari kang makipag-ugnayan sa mga operator ng website sa pamamagitan ng paggamit ng sumusunod na email

Screen-reader at nabigasyon sa keyboard

Ang aming website ay nagpapatupad ng ARIA attributes (Accessible Rich Internet Applications) technique, kasama ng iba't ibang pagbabago sa pag-uugali, upang matiyak na ang mga bulag na user na bumibisita gamit ang mga screen-reader ay makakabasa, nakakaintindi, at nakaka-enjoy sa mga function ng website. Sa sandaling pumasok ang isang user na may screen-reader sa iyong site, agad silang makakatanggap ng prompt na ipasok ang Screen-Reader Profile upang ma-browse at mapatakbo nila ang iyong site nang epektibo. Narito kung paano sinasaklaw ng aming website ang ilan sa pinakamahalagang kinakailangan sa screen-reader, kasama ng mga screenshot ng console ng mga halimbawa ng code:

1. Pag-optimize ng screen-reader: nagpapatakbo kami ng proseso sa background na natututo sa mga bahagi ng website mula sa itaas hanggang sa ibaba, upang matiyak ang patuloy na pagsunod kahit na ina-update ang website. Sa prosesong ito, nagbibigay kami ng mga screen-reader ng makabuluhang data gamit ang ARIA set ng mga attribute. Halimbawa, nagbibigay kami ng tumpak na mga label ng form; mga paglalarawan para sa mga icon na naaaksyunan (mga icon ng social media, mga icon ng paghahanap, mga icon ng cart, atbp.); gabay sa pagpapatunay para sa mga input ng form; mga tungkulin ng elemento tulad ng mga button, menu, modal dialogues (popups), at iba pa. Bukod pa rito, ini-scan ng proseso sa background ang lahat ng mga larawan ng website at nagbibigay ng tumpak at makabuluhang paglalarawang nakabatay sa pagkilala sa imahe bilang isang tag ng ALT (alternate text) para sa mga larawang hindi inilarawan. Kukunin din nito ang mga text na naka-embed sa loob ng imahe, gamit ang isang OCR (optical character recognition) na teknolohiya. Upang i-on ang mga pagsasaayos ng screen-reader anumang oras, kailangan lang ng mga user na pindutin ang kumbinasyon ng Alt+1 na keyboard. Ang mga user ng screen-reader ay nakakakuha din ng mga awtomatikong anunsyo upang i-on ang Screen-reader mode sa sandaling pumasok sila sa website.

   Ang mga pagsasaayos na ito ay tugma sa lahat ng sikat na screen reader, kabilang ang JAWS at NVDA.

2. Pag-optimize ng nabigasyon sa keyboard: Inaayos din ng proseso sa background ang HTML ng website, at nagdaragdag ng iba't ibang gawi gamit ang JavaScript code upang gawing gumagana ang website sa pamamagitan ng keyboard. Kabilang dito ang kakayahang mag-navigate sa website gamit ang Tab at Shift+Tab key, magpatakbo ng mga dropdown gamit ang mga arrow key, isara ang mga ito gamit ang Esc, trigger button at link gamit ang Enter key, mag-navigate sa pagitan ng radio at mga elemento ng checkbox gamit ang mga arrow key, at punan ang mga ito gamit ang Spacebar o Enter key. ang site habang nagna-navigate gamit ang keyboard. Pinangangasiwaan din ng proseso sa background ang mga na-trigger na popup sa pamamagitan ng paglipat ng focus ng keyboard patungo sa kanila sa sandaling lumitaw ang mga ito, at hindi pinapayagan ang pag-anod ng focus sa labas nito.

   Maaari ding gumamit ang mga user ng mga shortcut gaya ng “M” (menu), “H” (headings), “F” (forms), “B” (buttons), at “G” (graphics) para lumipat sa mga partikular na elemento.

Sinusuportahan ang mga profile ng kapansanan sa aming website

• Epilepsy Safe Mode: Ang profile na ito ay nagbibigay-daan sa mga taong may epilepsy na gamitin ang website nang ligtas sa pamamagitan ng pag-aalis ng panganib ng mga seizure na nagreresulta mula sa kumikislap o kumikislap na mga animation at mga mapanganib na kumbinasyon ng kulay.
• Visually Impaired Mode: inaayos ng mode na ito ang website para sa kaginhawahan ng mga user na may mga kapansanan sa paningin tulad ng Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, at iba pa.
• Cognitive Disability Mode: ang mode na ito ay nagbibigay ng iba't ibang pantulong na opsyon upang matulungan ang mga user na may mga kapansanan sa pag-iisip tulad ng Dyslexia, Autism, CVA, at iba pa, na mas madaling tumuon sa mahahalagang elemento ng website.
• ADHD Friendly Mode: tinutulungan ng mode na ito ang mga user na may ADHD at Neurodevelopmental disorder na magbasa, mag-browse, at tumuon sa mga pangunahing elemento ng website nang mas madali habang makabuluhang binabawasan ang mga distractions.
• Blindness Mode: kino-configure ng mode na ito ang website upang maging tugma sa mga screen-reader gaya ng JAWS, NVDA, VoiceOver, at TalkBack. Ang screen-reader ay software para sa mga bulag na user na naka-install sa isang computer at smartphone, at ang mga website ay dapat na tugma dito.
• Profile sa Pag-navigate sa Keyboard (May kapansanan sa motor): ang profile na ito ay nagbibigay-daan sa mga taong may kapansanan sa motor na patakbuhin ang website gamit ang keyboard Tab, Shift+Tab, at ang Enter key. Maaari ding gumamit ang mga user ng mga shortcut gaya ng “M” (menu), “H” (headings), “F” (forms), “B” (buttons), at “G” (graphics) para lumipat sa mga partikular na elemento.

Mga karagdagang pagsasaayos ng UI, disenyo, at pagiging madaling mabasa

1. Mga pagsasaayos ng font – mga user, maaaring dagdagan at bawasan ang laki nito, baguhin ang pamilya nito (uri), ayusin ang spacing, alignment, taas ng linya, at higit pa.
2. Mga pagsasaayos ng kulay - ang mga gumagamit ay maaaring pumili ng iba't ibang mga profile ng contrast ng kulay tulad ng liwanag, madilim, baligtad, at monochrome. Bukod pa rito, ang mga user ay maaaring magpalit ng mga scheme ng kulay ng mga pamagat, teksto, at background, na may higit sa pitong magkakaibang mga pagpipilian sa kulay.
3. Mga animation – maaaring ihinto ng taong may epilepsy ang lahat ng tumatakbong animation sa pag-click ng isang button. Kasama sa mga animation na kinokontrol ng interface ang mga video, GIF, at CSS flashing transition.
4. Pag-highlight ng nilalaman - maaaring piliin ng mga user na bigyang-diin ang mahahalagang elemento tulad ng mga link at pamagat. Maaari din nilang piliing i-highlight ang mga nakatutok o naka-hover na elemento lang.
5. Pag-mute ng audio – ang mga user na may mga hearing device ay maaaring makaranas ng pananakit ng ulo o iba pang isyu dahil sa awtomatikong pag-play ng audio. Hinahayaan ng opsyong ito ang mga user na i-mute kaagad ang buong website.
6. Mga karamdaman sa pag-iisip - gumagamit kami ng search engine na naka-link sa Wikipedia at Wiktionary, na nagbibigay-daan sa mga taong may kapansanan sa pag-iisip na maunawaan ang mga kahulugan ng mga parirala, inisyal, slang, at iba pa.
7. Mga karagdagang function - binibigyan namin ang mga user ng opsyon na baguhin ang kulay at laki ng cursor, gumamit ng printing mode, paganahin ang virtual na keyboard, at marami pang ibang function.

Pagkakatugma ng browser at pantulong na teknolohiya

Nilalayon naming suportahan ang pinakamalawak na hanay ng mga browser at pantulong na teknolohiya hangga't maaari, upang mapili ng aming mga user ang pinakamahusay na angkop na mga tool para sa kanila, nang may kaunting limitasyon hangga't maaari. Samakatuwid, nagsumikap kami nang husto upang masuportahan ang lahat ng pangunahing system na binubuo ng higit sa 95% ng market share ng user kabilang ang Google Chrome, Mozilla Firefox, Apple Safari, Opera at Microsoft Edge, JAWS at NVDA (mga screen reader).

Mga tala, komento, at puna

Sa kabila ng aming pinakamahusay na pagsisikap na payagan ang sinuman na ayusin ang website sa kanilang mga pangangailangan. Maaaring mayroon pa ring mga pahina o seksyon na hindi ganap na naa-access, nasa proseso ng pagiging naa-access, o kulang ng sapat na teknolohikal na solusyon upang gawing naa-access ang mga ito. Gayunpaman, patuloy naming pinapabuti ang aming pagiging naa-access, pagdaragdag, pag-update at pagpapahusay sa mga opsyon at feature nito, at pagbuo at paggamit ng mga bagong teknolohiya. Ang lahat ng ito ay nilalayong maabot ang pinakamainam na antas ng accessibility, kasunod ng mga pagsulong sa teknolohiya. Para sa anumang tulong, mangyaring makipag-ugnayan sa