Attraktiv méi Lieser mat engem Site deen an allen Ufanks passt
Duerch Är Websäiten accessibel fir Leit mat Behënnerungen, Dir kënnt amgaang ass fir jiddereen zougänglech. Tatsächlech, fir Är Websäit méi zougänglech ze maachen, hëlleft och Leit, Är Websäit a Suchmaschinn ze fannen. Firwat? Well Sichmotoren e puer vun deenen selwechte Signaler hunn, déi Schier a Lieser maachen, fir den Inhalt vun Ärer Websäit ze verstoen an ze verstoen.
Awer genau wéi fannt Dir eng accessibel Websäit, ouni e Kodistex ze ginn?
Hei sinn e puer Tipps an Tricks déi bal jiddereen mat justifiéiertem HTML-Wëssen benotzt kënne fir hir Websäit Zougänglechkeet ze verbesseren.
Web Accessibility Tools
W3C huet eng fantastesch Lëscht vu Web Accessibilitéit, déi Dir als Scheck benotze kënnt fir potenziell Problemer mat Ärer Websäit ze späicheren. Dat gesoot, ech recommandéiere ëmmer nach e puer Exploréiere mat engem Schirmlêzer an erliewen et fir Iech selwer.
Related Reading: Wat ass Assistent Technologie a wéi funktionnéiert et?
Understanding Screen Readers
Ee vun de wichtegsten Weeër Dir kënnt d'Zougänglechkeet vun Ärer Websäit verbesseren, ass sécher ze stellen datt et vun Screenshots verstane gëtt. Lieslabber benotzen eng synthetiséierter Stëmmung fir de Text op dem Bildschreier ze liesen. Dat kléngt relativ einfach; D'Schreiwe Lieser kënnen awer net Är Websäit verstoen, wéi Dir de Moment haaptsächlech opgeriicht hutt.
Déi éischt Saache, déi Dir wëllt wëllt maachen, ass en Ecranlêzer a kuckt wéi et geet. Wann Dir op engem Mac sidd, probéiert d'VoiceOver ze benotzen.
- Gitt op System Präferenzen.
- Zougang auswielen .
- VoiceOver wielen.
- Kuckt d'Box fir VoiceOver aktivéieren.
Dir kënnt et ignoréieren an de Kapp vum F5-Command benotzen.
Wann Dir op enger Windows-Maschinn kënnt, kënnt Dir NVDA eroflueden. Dir kënnt et opsetzen fir op de Knäppchen op oder weg mat der Ofkiirzung Kontroll + alt + n.
Béid Skriptlêzer funktionnéieren andeems de Benotzer duerch Tastatur navigéiere (dat Sënn mécht - wann Dir net kanns gesinn, mat enger Maus eng Erausfuerderung wier) an duerch eng Schafung fir d'Navigatioun. De Fokus ass am Wesentlechen wou d'Tastatur "pointéiert" ass, mee et gëtt normalerweis als Hellegkäscht ëm de Fokusobjekt anstatt e Mauszeiger ugewisen.
Dir kënnt och d'Stëmmung an d'Geschwindegkeet änneren, wou d'Stëmm gelies gëtt, wann d'Standardastellungen ärger sinn (an no ca. fënnef Minutten an engem normale Lëschtenliewen lauschteren, sinn se normalerweis). Blann Leit normalerweise Websäite ze liesen mat hiren Ecran Lieser op héijer Geschwindegkeet festgeluegt.
Et ka vläicht hëllefe fir Äert Aen ze schloen wéi Dir dat maacht, awer et kann och hëllefen, se opzemaachen an ze vergläichen. E puer vun de Saachen déi Dir kënnt direkt bemierken wann Dir versicht äre Site ze héieren ass, datt e puer vun den Text kaaft sinn. Rubriken an Dëscher kënne mol gerault sinn. Biller kënne entweder iwwerpréift ginn oder se kënne soen "Bild" oder eppes selwecht onentdeckt. Tabel si méi wéi eng Serie vun Elementer ouni Kontext.
Dir kënnt, hoffentlech, dëst ze fixéieren.
Alt-Tags oder Alternativ Attribut
Den alt-mark oder alternativ (alt) Attribut gëtt an HTML benotzt fir e Bild beschreift. An HTML gesäit et sou eppes:
Och wann Dir Är Websäit mat engem visuellen Instrument fir Är HTML Code versteet, wäert Dir bal ëmmer eng Chance hunn eng Bildbeschreiwung ze maachen. Dir kënnt näischt ufänken (alt = ""), awer et wier wierklech besser, fir all Bild eng brauchze Beschreiwung ze ginn. Wann Dir Blann war, wat musst Dir iwwer d'Bild wëssen? "Fra" ass net vill hëllefen, mee vläicht "Woman drawing design flow chart including accessibility, Usability, Branding an Design".
Titel Text
Websäiten do net ëmmer de HTMLtail unzeginn, awer et ass hëllefreich fir Screenreader. Gitt sécher datt all Säit vun Äre Websiten säit engem beschreibende (awer net iwwerläifend) Titel gëtt, deen Gäscht uweist, wéi d'Säit ongeféier ass.
Gitt Är Websäit Good Info Hierarchie
Bräiche grouss Stécker vun Text mat Kappzeilen, a wann et méiglech ass Header mat der H1, H2, H3 Hierarchie angemaacht. Net nëmme fir Är Websäit méi einfach fir Schirmlêzer ze maachen, et mécht et méi einfach fir jiddereen. Et ass och e super Signal fir Google an aner Sichmaschinne fir hinnen ze hëllefen d'Index vun Ärer Websäit besser ze indexéieren.
Andeems Dir Iech sécher datt Är Websäit an enger logescher Inhaltsreform ass an datt Dir keng Boxen mat onverännerten Informatiounsaaktungen hutt. Wann Dir Reklammen benotzt, bewaacht datt Är Reklammen net ze iwwerdroën an de Texter op Är Websäit ze oft änneren.
Maacht Besser Tabel
Wann Dir HTML Tabellen benotzt, da kënnt Dir Äert Schlësselen uewen an Är Tabellen eraussichen, fir datt se e Lieser méi liicht ze verstoen anstatt just den Titel vun enger Tabelle am fett Text ze verstoen. Dir kënnt och den "Scope" -Element addéieren a klickt neier Zeilen a Spills an Ärem Dësch klappen, fir datt Schauspieler Lieser net einfach eng Rei vu Dëschzellen ausrouken ouni ouni Kontext.
Keyboard Navigation
Am Allgemengen, wat Dir Är Websäit setze sollt, sollt eppes sinn, dat een hätt misse maacht mat enger Tastatur benotzen. Dat heescht, datt Är Navigatiounknäpasser net animéiert Dropdown-Buttécker benotzen, wann Dir se net mat engem Screenreader benotzt (probéieren a kucken ob Dir et net sécher sidd - e puer Knäpper si fir Tastatur benotzt.)
Closed Captions
Wann Dir Videoen oder Audio Elementer op Är Websäit addéiert, sollt et Ënnerschrëften hunn. HTML5 a ville Video Streaming Servicer (wéi YouTube) bitt geschlosser Ënnerstëtzung ënnerstëtzt. Closed captions sinn nëtzlech net nëmme fir Zougänglechkeet, awer och fir Benotzer déi op Ärer Websäit surfen, wou se net audio spillt, wéi an engem Büro oder an enger lauten Plaz.
Fir Podcasts oder aner Audiogruppen, présentéiert a schreiwt e Text Transkript. Net nëmmen ass et nëtzlech fir Leit déi net op den Audio héieren kënnen, well de Text et méi einfach gëtt fir Google an aner Sichmotoren fir dat Inhalt z'integréieren an Ären Google Ranking ze hëllefen .
ARIA
Wann Dir op de fortgeschniddene Niveau vun der Accessibilitéit wëllt goën, ginn d'HTML5 ARIA- oder WAI-ARIA Spezifikatioune virgesinn fir den neie Standard virzestellen. Dëst ass awer e komplexe (an entwéckelt) technesch Handbuch, also wat Dir maache kënnt, benotzt en ARIA-Validator fir ze scannen fir ze kucken, ob Är Websäit all Froen déi Dir maache kann. Mozilla huet och e méi zougängleche Guide fir mat ARIA ze kommen.