Altiri pli da legantoj kun loko, kiu konvenas la bezonojn de ĉiuj
Faranta vian retejon al homoj kun handikapabloj, vi finas farante atingeblan al ĉiuj. Fakte, fari vian retejon pli atingebla eĉ povas helpi homojn trovi vian retejon en serĉiloj. Kial? Ĉar serĉiloj uzas iujn samajn signalojn, kiujn legantoj de ekrano faras por trovi kaj kompreni la enhavon de via retejo.
Sed ĝuste kiel vi faras alireblan retejon sen igi kodigan spertulon?
Jen kelkaj konsiloj kaj lertaĵoj, kiujn preskaŭ iu ajn kun baza HTML-scio povas uzi por plibonigi la atingeblon de ilia retejo.
Retpaĝeblaj Iloj
W3C havas mirindan liston de retpaĝaj iloj, kiujn vi povas uzi kiel markilo por trovi problemojn kun via retejo. Dirite, mi ankoraŭ rekomendas fari iujn esplorojn per ekrano-leganto kaj sperti ĝin por vi mem.
Rilatita Legado: Kio Estas Asistiva Teknologio kaj Kiel Ĝi Fartas?
Kompreni Ekranajn Legantojn
Unu el la plej gravaj manieroj vi povas plibonigi la atingeblon de via retejo estas certigi, ke ĝi povas kompreni per ekranaj legantoj. Ekranaj legantoj uzas sintezitan voĉon por legi la tekston sur la ekrano. Tio sonas sufiĉe simpla; tamen, la legantoj de ekrano eble ne komprenas vian retejon kiel vi nun havas ĝin.
La unua afero, kiun vi eble volas fari estas provi ekran leganton kaj vidi kiel ĝi iras. Se vi estas sur Mac, provu uzi VoiceOver.
- Iru al Sistemo-Preferoj.
- Elektu Alireblecon.
- Elektu VoĉonOver.
- Kontrolu la skatolon por Ebligi Voĉan Voveron.
Vi povas ebligi ĝin ekstere kaj ekstere uzante komandon-F5.
Se vi estas en Windows-maŝino, vi eble volas elŝuti NVDA. Vi povas agordi ĝin por ebligi kaj forŝalti per la komputila kontrolo + alt + n.
Ambaŭ ekranaj legantoj funkcias lasante la uzanton navigi per klavaro (tio havas senton - se vi ne povas vidi, uzante muso estus defio) kaj kreante fokusan areon por navigado. La fokuso estas esence, kie la klavaro estas "notita", sed ĝi kutime montras kiel elstara skatolo ĉirkaŭ la fokusa objekto anstataŭ kursoro.
Vi povas ŝanĝi ambaŭ la voĉan tonalton kaj la rapidecon, kiam la voĉo legas, se la agordoj defaŭltaj estas ĝenaj (kaj post ĉirkaŭ kvin minutoj aŭskultante norman malrapidan voĉon, ili kutime estas). Blindaj homoj kutime legas retejojn per siaj ekranaj legantoj al alta rapido.
Ĝi eble helpos fermi viajn okulojn kiel vi faras ĉi tion, sed ĝi ankaŭ povas helpi teni ilin malferma kaj kompari. Kelkaj aĵoj, kiujn vi tuj rimarkos, kiam vi provas aŭskulti vian retejon estas, ke iuj el la teksto povas esti sen ordo. Titoloj kaj tabloj povas esti implikitaj. Bildoj povas esti preterlasitaj aŭ ili povas diri "bildon" aŭ ion egale senhelpan. Tabloj emas legi kiel serio de eroj sen kunteksto.
Vi povas, fidinde, ripari ĉi tion.
Alt-Etikedoj aŭ Alternativa Atributo
La alt-tag aŭ alternativa (alt) atributo estas uzata en HTML por priskribi bildon. En HTML, ĝi aspektas io simila al ĉi tio:
Eĉ se vi kreas vian retejon kun vida ilo, kiu kaŝas vian HTML-kodon, vi preskaŭ ĉiam havas ŝancon eniri bildan priskribon. Vi povas eniri nenion (alt = "") sed vere estus pli bone doni ĉiun bildon utila priskribo. Se vi estus blinda, kion vi bezonus scii pri la bildo? "Virino" ne multe helpas, sed eble "Virino desegnanta fluon-diagramon inkluzive de alirebleco, usabilidad, marko kaj dezajno".
Titolo Teksto
Retejoj ne ĉiam montras la HTML-titolon-etikedon, sed ĝi estas helpema por ekranaj legantoj. Certiĝu, ke ĉiuj paĝoj de via retejo havas priskriban (sed ne tro verbon) titolon, kiu diras al vizitantoj, pri kio la paĝo estas.
Donu Vian Retejon Bonan Informan Hierarkion
Rompi grandajn pecojn de teksto kun kaplinioj, kaj, se eble, uzu kapliniojn kun la H1, H2, H3- hierarkio taŭge. Ne nur faras vian retejon pli facila por ekranaj legantoj, ĝi faras ĝin pli facila por ĉiuj aliaj. Ankaŭ estas bonega signalo por Google kaj aliaj serĉiloj por helpi ilin pli bone indiki vian retejon.
Simile, vi devas certigi, ke via retejo estas en logika enhavo kaj ke vi ne havas skatolojn de ne rilataj rilatoj. Se vi uzas anoncojn, rigardu, ke viaj reklamoj ne tro malhelpas kaj rompas la tekston en via retejo tro ofte.
Faru Pli bonajn Tabulojn
Se vi uzas HTML-tabulojn, vi povas aldoni subtitolojn al viaj tabloj uzante la etikedon por fari ilin pli facile kompreni per ekranaj legantoj prefere ol nur fari la titolon de tablo en aŭdaca teksto. Vi ankaŭ povas aldoni la "medio" elementon kaj klare etikedi novajn vicojn kaj kolumnojn en via tablo, por ke la legantoj de ekrano ne simple frakasas serion de tablaj ĉeloj sen doni ajnan kuntekston.
Klavara Navigado
Ĝenerale, ĉio, kion vi metas sur vian retejon, devas esti io, kion iu eble povus uzi nur klavaron. Tio signifas, ke viaj butonoj de navigado ne devas esti viglaj butonoj menuoj, se vi ne povas uzi ilin per ekrano-legilo (provu ĝin kaj ĉu vi ne certas - iuj butonoj estas planitaj por uzado de klavaro).
Fermitaj subskriboj
Se vi aldonas filmetojn aŭ aŭdajn elementojn al via retejo, ili devus havi subtitolojn. HTML5 kaj multaj video-streaming-servoj (kiel YouTube) proponas fermitajn titolitajn subtenojn. Fermaj subskriboj estas utilaj ne nur por alirebleco, sed ankaŭ por uzantoj, kiuj povas foliumi vian retejon, kie ili ne povas ludi aŭdojn, kiel en oficejo aŭ en ruida loko.
Por podkastoj aŭ aliaj audio-elementoj, konsideras provizi tekston-transskribon. Ne nur estas utila por homoj, kiuj ne povas aŭskulti la sonon, havante la tekston fariĝos pli facila por Google kaj aliaj serĉiloj por indeksi tiun enhavon kaj helpi vian rangon de Google .
ARIA
Se vi volas iri al la progresinta nivelo de alirebleco, HTML5 ARIA aŭ WAI-ARIA-specifoj celas esti la nova normo antaŭeniras. Tamen, ĉi tio estas kompleksa (kaj evoluanta) teknika manlibro, do kion vi povus fari estas uzi ARIA-validilon por esplori por vidi, ĉu via retejo havas iujn aferojn, kiujn vi povas trakti. Mozilla ankaŭ havas pli alirebla gvidilo komenci kun ARIA.