Accessibility
Ang pahayag na sulit basahin ay yaong tumutukoy sa mga bagay na mali. Ginagawa ito ng pahayag na ito, pati na rin ang mga pamantayang sinusunod namin sa paggawa at kung paano ireport ang mga hindi namin napansin.
- WCAG 2.2 AA ang target
- Sinusukat ang contrast, hindi hinuhusgahan
- Nakalista ang mga kilalang kakulangan
Ang paninindigan
Binuo namin ang website na ito ayon sa WCAG 2.2 level AA, at sinusuri namin ito sa halip na basta ipagpalagay na sumusunod ito: sinusukat ang contrast batay sa kulay kung saan aktuwal na ipinapakita ang bawat elemento, at kapag may pumalyang pagsusuri, hindi nagpapatuloy ang build. Hindi ito isang pamantayang inaanunsyo lang at binabalikan taun-taon — isinasagawa ito sa bawat release.
Hindi ito pahayag ng ganap na pagsunod. Nakalista sa ibaba ang mga alam nang kakulangan sa halip na itago ang mga ito. Kung may bahagi ng site na ito o ng app na hindi mo magamit, sumulat sa [email protected] gamit ang subject na Accessibility at sabihin sa amin kung ano ang nangyari — itinuturing namin itong ulat ng depekto, hindi feedback.
May bisa mula noong
Ano ang built in
- Gumagana ang bawat page nang walang JavaScript. Walang nakatago bilang default na saka ipapakita ng script, kaya ipinapakita pa rin ng page ang content nito kahit may failed script, mahigpit na content blocker o text-only client. Mga enhancement lang ang interactive element sa ibabaw ng mga page na gumagana na.
- Sinusukat ang contrast batay sa totoong painted background, sa pamamagitan ng pagtukoy sa bawat element hanggang sa unang opaque ancestor sa likod nito, sa halip na tantiyahin batay sa ipinapalagay na kulay. Ang body text sa site na ito ay dating nasa 4.49:1 — mas mababa sa AA at mukhang katanggap-tanggap naman — at kailangan ng measurement para matuklasan iyon.
- May skip link at nakikitang focus. Nagbubukas ang bawat page sa skip-to-content link, at may nakikitang focus indicator ang bawat interactive element sa halip na alisin ang outline para lang maging mas maayos tingnan.
- Semantic ang structure. Isang h1 bawat page, mga heading na nasa tamang pagkakasunod-sunod nang walang nilalaktawang level, totoong lists, mga table na may wastong header cell at caption, at mga landmark na maaaring gamitin sa pag-navigate ng screen reader.
- Iginagalang ng motion ang system setting. Naka-disable ang bawat animation kapag naka-enable ang prefers-reduced-motion, at agad na nakikita ang content sa halip na maghintay ng entrance animation.
- Nasi-scale ang text. Gumagamit ang mga layout ng relative units at reflow sa halip na masira o mag-scroll patagilid kapag pinalaki ang text o makitid ang window.
- Makabuluhang alternative text, at sadyang walang laman ang alt ng image sa loob ng link na may sarili nang text — kung may description doon, dalawang beses iaanunsyo ng screen reader ang parehong bagay.
Mga alam nang kakulangan
Ito ang dahilan kung bakit sulit i-publish ang page. Totoo ang bawat item, alam namin ang mga ito, at wala sa mga ito ang ipinapakitang fixed na rito.
Naka-publish ang site sa tatlumpung wika at hindi pa ito nasusubukan gamit ang screen reader sa lahat ng ito. Sa English pa lang naisagawa ang testing. Hindi pa nabe-verify gamit ang assistive technology ang pronunciation at reading order sa mga right-to-left na wika, pati sa mga script na walang coverage ang aming display typefaces at gumagamit ng kapalit na platform font.
Latin lang ang saklaw ng aming dalawang typeface. Gumagamit ang Cyrillic, Devanagari, Georgian, Thai, Arabic, Hebrew, Bengali, Ethiopic at CJK ng sariling fonts ng platform bilang fallback. Karaniwan itong maganda para sa legibility, pero nangangahulugan din itong hindi namin kontrolado sa mga locale na iyon ang typographic detail na kontrolado namin sa English — weight, spacing, at ang laki kung kailan hindi na sapat ang liit ng text.
May ilang interactive element na bago pa at mas kaunti ang testing. Inililipat ng comparison matrix at help search ang mga row sa mismong lugar, na siyang tamang pattern, pero na-implement na ang pag-aanunsyo ng nagbago na result count sa screen reader at hindi pa ito nasusubukan ng users.
Pinanghahawakan ng app ang parehong layunin, pero mas madalang itong ina-audit kaysa sa site. Sinusuportahan nito ang sariling text sizing at screen reader ng platform, na siyang gumagawa ng malaking bahagi ng trabaho, pero kasalukuyan kaming hindi nagsasagawa ng formal accessibility audit sa bawat release.
Wala pang isinagawang formal third-party audit sa site o sa app. Mas gugustuhin naming sabihin iyon kaysa magpahiwatig ng certification na wala kami.
Ang app, at isang bagay na dapat malaman
Umaasa ang Telvio app sa accessibility features ng operating system na pinapatakbuhan nito: VoiceOver at Dynamic Type sa iOS, TalkBack at font scaling sa Android. Sapat na ang mga ito para sa karamihan ng mahalaga sa isang app na ang interface ay keypad, balance at listahan ng rates.
Mahalagang banggitin ang isang design decision bilang accessibility property sa halip na feature. Dahil walang account na kailangan ang app, walang sign-up form, password na kailangang ilagay, email verification step o code na kailangang kunin mula sa message — wala rito ang buong uri ng interaction na pinakamadalas maging hadlang sa mga gumagamit ng assistive technology, o sa sinumang nahihirapan sa forms. I-install, mag-dial, makipag-usap.
Ang katumbas na limitasyon ay nasa parehong page ng lahat ng iba pa: hindi makakatawag ang app sa emergency services, gaya ng nakasaad sa emergency calls. Kung ise-set up ng isang tao ang app na ito para sa kamag-anak — karaniwang ginagawa ito, lalo na ng mga older people na tumatawag sa pamilya sa ibang bansa — iyon ang pinakamahalagang bagay na ipaliwanag habang ginagawa ito.
Pagsasabi sa amin kung may mali
Mag-email sa [email protected] gamit ang subject na Accessibility. Mga kapaki-pakinabang na detalye: ang page o screen, ang sinusubukan mong gawin, ang assistive technology na ginagamit mo pati ang version nito, at ang nangyari sa halip. Walang kailangang ibigay sa mga ito — sapat nang report ang isang pangungusap na nagsasabing “Hindi ko magamit ang rates table gamit ang screen reader”, at mas gugustuhin naming matanggap iyon kaysa wala.
Layunin naming tumugon sa loob ng limang working day na may assessment at, kung sumasang-ayon kaming may defect, tinatayang timeline. Inuuna sa pag-aayos ang mga bagay na humahadlang sa isang tao na matapos ang isang task; ang mga bagay na nagpapahirap sa task ay inilalagay sa queue nang tapat sa halip na malabong ipangako.
Kung nasa European Union ka at naniniwalang hindi natutugunan ang isang accessibility obligation, maaari mo rin itong i-raise sa nauugnay na national enforcement body. Mas gugustuhin naming unang lumapit ka sa amin, at sasagot kami sa alinmang paraan.
Paano talaga tumatakbo ang mga check
May dalawang bagay na dapat ilarawan dahil sila ang pagkakaiba ng isang statement at ng aktuwal na practice.
Painted ang contrast, hindi parsed. Ipinapakita ng color value na binasa mula sa stylesheet kung ano ang hiningi na maging itsura ng isang element, hindi kung ano talaga ang naging itsura nito — isang semi-transparent element sa ibabaw ng dark band, modern color function na hindi naiintindihan ng regex, o fixed header sa ibabaw ng hero image. Nire-render ng check ang totoong background ng bawat element sa pamamagitan ng pag-akyat hanggang sa unang opaque ancestor at pag-resolve ng kulay gamit mismo ang browser, saka kinukuwenta ang ratio. Natuklasan nitong nasa 4.49:1 ang body text sa site na ito, na mas mababa sa AA at mukhang ganap na normal kapag tiningnan nang hiwalay.
Sinusuri ang page ayon sa pagkaka-render, hindi ayon sa pagkakasulat. Naglo-load ang hiwalay na probe ng bawat page sa totoong browser at sinusuri kung may text sa viewport na nasa zero opacity, kung nagso-scroll patagilid ang document, at kung may anumang element na ipinipinta gamit ang sarili nitong background colour. Mukhang katawa-tawa ang huli hanggang sa mangyari ito sa production: minsang itinakda ng isang grouped CSS rule ang kulay ng label at background nito sa parehong value, na nagresulta sa 1:1 contrast ratio na hindi nakikita sa markup, hindi nakikita sa DOM, at hindi nakikita sa screenshot ng source.
Mga bagay na sinadya naming pagdesisyunan
- Walang motion nang walang pahintulot. Opt-in ang scroll animations mula sa script na unang kumukumpirma kung gusto ang motion, kaya agad nakikita ng reader na naka-enable ang reduced motion ang content at hindi nito nakikitang dumarating ang mga ito.
- Walang content sa likod ng JavaScript. Walang content na sadyang ginagawang invisible. Accessibility decision din ito, bukod sa performance decision — ang page na umaasa sa script para maging visible ay page na hindi gumagana para sa lahat ng hindi gumaganahan ang script.
- Mga salita sa halip na icons sa data. Sinasabi ng comparison tables ang “Yes”, “None” at “Rounded up” sa halip na ticks at crosses, dahil malabo ang ibig sabihin ng tick kapag inannounce at hindi ito nakikita kapag kinopya.
- Walang laman na alt kung mauulit lang ang description. Ang image sa loob ng link na may sarili nang text ay may
alt="", kaya isang beses lang inanunsyo ng screen reader ang destination sa halip na dalawang beses. - Sa sarili nitong box nagso-scroll ang malalawak na table sa halip na itulak patagilid ang page, kaya hindi kailangang mag-horizontal scroll ng phone para magbasa ng paragraph.
Sa huli
Idinisenyo namin ito ayon sa WCAG 2.2 AA at bine-verify sa bawat release, kung saan sinusukat ang contrast laban sa aktuwal na background na ipinapakita, sa halip na umasa sa ipinapalagay na kulay. Hindi ito pahayag ng ganap na pagsunod.
Mga alam nang kakulangan: isinagawa lamang sa English ang screen reader testing para sa thirty languages, Latin lang ang saklaw ng aming mga typeface kaya gumagamit ang ibang script ng mga font ng platform, mas kaunti pa ang testing sa mga pinakabagong interactive element, at wala pang isinagawang third-party audit.
I-report ang anumang hindi magamit sa [email protected], gamit ang subject na Accessibility. Ituturing itong defect report, at aayusin muna ang mga bagay na humahadlang sa pagkumpleto ng isang gawain bago ang iba pang trabaho.
Mga madalas itanong
Anong accessibility standard ang sinusunod ng Telvio?
WCAG 2.2 level AA ang target para sa website, at sinusuri ito sa bawat release sa halip na pana-panahong nire-review. Sinusukat ang contrast batay sa background kung saan aktuwal na ipinipinta ang bawat elemento, at hinaharangan ng anumang failure ang build. Hindi namin sinasabing ganap itong sumusunod sa standard.
Gumagana ba ang website ng Telvio nang walang JavaScript?
Oo. Walang content na nakatago bilang default at ipinapakita lang ng script, kaya ipinapakita ng bawat page ang content nito kapag naka-disable o naka-block ang JavaScript. Ang interactive features gaya ng comparison filters ay mga dagdag na feature sa ibabaw ng mga page na gumagana na.
Nagkaroon na ba ng accessibility audit ang Telvio?
Walang isinagawang third-party audit sa website o sa app. Isinasagawa ang automated at manual checks sa bawat release ng site, at inililista sa statement na ito ang mga alam na pagkukulang sa halip na itago ang mga ito.
Accessible ba ang Telvio app gamit ang screen reader?
Umaasa ang app sa sariling accessibility features ng platform — VoiceOver at Dynamic Type sa iOS, at TalkBack at font scaling sa Android. Mas madalang itong ina-audit kaysa sa website, at walang formal accessibility audit na isinasagawa sa bawat release.
Paano ako magre-report ng accessibility problem?
Mag-email sa [email protected] na ang subject ay Accessibility, at sabihin kung aling page o screen, ano ang sinusubukan mong gawin, at ano ang nangyari. Makakatulong ang impormasyon tungkol sa assistive technology at version, pero hindi ito kinakailangan. Layunin naming tumugon sa loob ng limang araw ng trabaho.
Bakit ibang font ang ginagamit ng site sa wika ko?
Latin script lang ang saklaw ng dalawang typeface kung saan dinisenyo ang site. Gumagamit ang Cyrillic, Devanagari, Georgian, Thai, Arabic, Hebrew, Bengali, Ethiopic at CJK ng sariling fonts ng platform bilang fallback, na karaniwang mas mainam para sa pagiging madaling basahin, pero nangangahulugan itong wala sa kontrol namin ang typographic detail sa mga locale na iyon.
