Meitsje mear lêzers oanwêzich mei in side dy't foar elke beoardielen pas is
Troch jo webside tagonklik foar minsken mei in beheining tagonklik te meitsjen, meitsje jo ein oan maksimaal tagonklik foar elkenien. Feitlik meitsje jo webside tagonklik tagelyk ek minsken te helpen dy't jo webside fine yn sykmasines. Wêrom? Om't sykmasines inkele fan deselde selden brûke dat skermlêzers dwaan om de ynhâld fan jo webside te finen en te begripen.
Mar krekt hoe meitsje jo in tagonklike webside sûnder in kodearaar te wurden?
Hjir binne guon tips en trucels dy't hast elkenien mei basis-basearje HTML-kennis brûke om de tagonklikens fan jo webside te ferbetterjen.
Web Accessibility Tools
W3C hat in fantastysk list mei web accessibility-ark dy't jo kinne as kontrole brûke om potinsjele problemen te besjen mei jo webside. Dat sei, ik jou it noch wat wat te ferkundigjen mei in skermlêzer en it is foar jo sels.
Related Reading: Wat is Assistent Technology en hoe wurket it?
Understanding Screen Readers
Ien fan 'e wichtichste manieren kinne jo de tagonklikheid fan jo webside ferbetterje, om te soargjen dat it kin wurde troch skermlêzers te begripen. Skowreaders brûke in synthesized stim om de tekst op it skerm te lêzen. Dat klinkt krekt dúdlik; Dochs kinne skermlêzers jo webside net begripe hoe't jo it no opsetten hawwe.
It earste ding dat jo wolle wolle, besykje in skermlêzer út te sjen en sjen hoe't it giet. As jo op in Mac binne, probearje mei VoiceOver.
- Gean nei Systeme foarkarren.
- Selektearje tagonklikheid.
- Selektearje VoiceOver.
- Kontrolearje it fekje foar VoiceOver ynskeakelje.
Jo kinne it op-of-ôfbliuwe mei it kommando-F5.
As jo op in Windows-kompjûter binne, dan kinne jo NVDA downloade. Jo kinne it opsette om te klikken op en útskeakelje mei de fluchtoetskontrôle + alt + n.
Beide skermlêzers wurkje troch it liede fan de brûker te navigearjen troch toetseboerd (dit betsjuttet - as jo net sjogge kinne, mei in mûs in útdaging wêze) en troch in fokus gebiet foar navigaasje te kreëarjen. It fokus is yn wêzen wêr't it toetseboerd "pointed" is, mar it wurdt normaal werjûn as markearre fakje om it fokusobjekt ynstee fan in rinnerke.
Jo kinne sawol de stimstân feroarje en de flugge wêryn't de stimming lêst as de standertynstellingen ferrinnewearje (en nei sa'n fiif minuten fan it harkjen nei in standert stadige spiellêzing, wurde gewoanlik). Blinde minsken gewoanlik lêze websiden mei har skermlêzers op heechste snelheid.
It kin helpe om jo eagen te sluten lykas jo dit dogge, mar it kin ek helpe om se iepen te meitsjen en te fergelykje. Guon fan 'e dingen kinne jo fuortendaliks besjen as jo besykje te harkjen nei jo webside is dat guon fan' e tekst útsteld wurde kinne. Liedingen en tabellen kinne jammerje. Ofbyldings kinne wol oerspield wurde of se kinne "ôfbylding" of wat sizze lykwols ûngelikens. Tafels binne meast lêzen as in searje items sûnder kontekst.
Jo kinne, hooplik, dit beheine.
Alt-Tags of Alternative Attribút
It alt-tag of alternatyf (alt) attribute wurdt brûkt yn HTML om in ôfbylding te beskriuwen. Yn HTML liket it wat te dwaan:
Sels as jo jo webside mei in fisueel ark meitsje dat jo HTML-koade befettet, silst hast altyd in kâns hawwe om in ôfbyldingskriuwing te gean. Jo kinne neat ynfiere (alt = ""), mar it soe wier better wêze om elke ôfbylding in brûkbere beskriuwing te jaan. As jo blyn wiene, wat soene jo witte moatte oer it byld? "De frou" is net in soad help, mar miskien kin 'Woman drawing design flow chart' tagelyk berikberens, brûkberens, branding, en ûntwerp. '
Titel tekst
Websiden jouwe net altyd it HTML-titel, mar it is hannich foar skermlêzers. Soargje derfoar dat elke side fan jo webside in beskriuwende (mar net oerwichtige) titel hat dy't besikers besiket wat de side oer is.
Jou jo webside goede ynformaasjehierarchy
Brekke grutte stikken fan tekst mei kopteksten, en, as it kin, brûke kopteksten mei de H1, H2, H3 hierhierigens passend. Net allinnich makket it jo webside makliker foar skermlêzers, it makket it makliker foar elkenien. It is ek in geweldig sinjaal foar Google en oare sykmasines om harren te helpen bettere jo webside.
Hjirmei moatte jo derfoar soargje dat jo webside in logyske ynhâld bestiet en dat jo gjin kisten hawwe fan unûntwerpende ynformaasje dy't ferskine. As jo gebrûk meitsje fan advertinsjes, besjen dat jo advertinsjes net folle yndruklik meitsje en de tekst op jo webside ek faak brek meitsje.
Better Tafels meitsje
As jo HTML-tabellen brûke, kinne jo tafoegings oan jo tabellen taheakje troch de tag te meitsjen om se makliker te meitsjen troch skermlêzers en net allinich de titel fan in tabel yn fett te meitsjen. Jo kinne ek it elemint "omfang" tafoegje en nije reihen en kolommen yn jo tabel dúdlik meitsje litte sadat skermlêzers net gewoanwei in searje tabelzellen rinne kinne sûnder kontekst te jaan.
Keyboard Navigation
Yn 't algemien, wat jo jo op jo webside set hawwe moat wat wêze dat ien immen ien toetseboerd betsjutte kin. Dit betsjuttet dat jo navigaasjesknoppen gjin animaasje-knoppen kinne oanmeitsje as jo se net brûke kinne mei in skermlêzer (probearje en sjoch as jo net wis binne - guon knoppen binne programmearre foar toetseboerd brûke.)
Closed Captions
As jo tafoegings fideo's of audio-eleminten oan jo webside taheakje, moatte se titels hawwe. HTML5 en in protte fideo-streaming-tsjinsten (lykas YouTube) biede sluten ûnderdrukke stipe. Closed captions binne brûkber net allinich foar tagonklikens, mar ek foar brûkers dy't jo webside besjen kinne earne wêr't se gjin audio spielje kinne, lykas yn in buroblêd of yn in rûte lokaasje.
Foar podcasts of oare audio-eleminten, beskôgje as in teksttriktyk. Net allinich is it brûkber foar minsken dy't net kinne nei de audio harkje, mei't de tekst it makket foar Google en oare sykmasinesen makliker om dizze ynhâld te yndeksearjen en jo Google-ranglist helpe .
ARIA
As jo nei it fergese nivo fan tagonklikheid gean wolle, wolle HTML5 ARIA of WAI-ARIA-spesifikaasjes as nije nije standert gean. Dit is lykwols in kompleks (en ûntwikkele) technysk hantlieding, dus wat jo dwaan kinne brûke in ARIA-validator om te scannen om te sjen oft jo webside alle problemen hat dy't jo kinne oanpasse. Mozilla hat ek in better oanwêzich gids om te begjinnen mei ARIA.