Volgens die World Wide Web Consortium (W3C) is die web 'n unieke geleentheid om tegnologie te gebruik om ongekende vlakke van toegang tot geskrewe, klank- en video-inhoud te bied aan diegene wat deur gestremdhede geraak word. Met die ontploffing van onderwys-, indiensnemings-, owerheids-, besigheids-, gesondheidsorg- en vermaaklikheidsdienste aanlyn, is toeganklike webwerfontwerp 'n kritieke probleem en sal bepaal of gestremde gebruikers gelyke toegang het tot die dienste wat ons sonder gestremdheid as vanselfsprekend aanvaar..
In sommige gevalle strek die redes vir die verskaffing van toeganklikheid tot die regsgebied. Daar is byvoorbeeld wette oor boeke wat vereis dat alle webwerwe wat deur die Amerikaanse federale regering ontwikkel of gekoop is, gelyke toegang vir gestremde persone bied. Die VN het ook soortgelyke riglyne opgestel. Daarbenewens is sommige howe deur die howe verplig om aan die Amerikaners met Gestremdheidswet (ADA) te voldoen, en op hierdie tydstip word alle opvoedkundige instellings aangeraai om 'n toeganklike webwerf te hê.
In die lig van die voordele vir gestremdes wat op die web moontlik gemaak word, sowel as die wettige gevolge wat 'n webwerf in die gesig staar wat nie aan sekere minimum standaarde vir toeganklikheid voldoen nie, het verskeie organisasies, waaronder die W3C, standaarde ontwikkel waarop webwerfontwerpers kan toepas. verseker dat alle besoekers die inligting en funksionaliteit van 'n webwerf ten volle kan benut.
1 Wenke vir die skepping van 'n toeganklike webwerf
1.1 Begin u projek met toeganklikheid in gedagte
1.2 Struktureer HTML behoorlik
1.3 Werk met visuele inhoud
1.4 Behou funksionaliteit vir besoekers wat slegs 'n sleutelbord gebruik
2 Kyk na toeganklikheid
3 Bykomende bronne
Wenke vir die skepping van 'n toeganklike webwerf
Mense met gestremdhede gebruik dikwels hulpmiddels om toegang tot webwerwe te kry. 'N Webwerf wat toeganklik is, is ontwerp om behoorlik te funksioneer met behulp van hulpmiddeltegnologieë, sodat die inligting en funksionaliteit wat noodsaaklik is vir die webwerf toeganklik gemaak word vir elke besoeker.
In sommige gevalle, soos in die geval van kleurblindheid, word geen hulpmiddels gebruik nie. In plaas daarvan beskou webwerwe wat vir hierdie besoekers toeganklik is, hierdie probleme as hulle hul webwerf ontwerp, en gebruik visuele elemente behoorlik.
Kortom, volgens die W3C: "webtoeganklikheid beteken dat mense met gestremdhede die web kan gebruik" (bron), ongeag die gestremdheid. Die bereiking van daardie vlak van toegang is die doel van die Web Content Accessibility Guidelines (WCAG) 2.0, wat die huidige toepaslike standaard van die W3C is.
Begin u projek met toeganklikheid in gedagte
Die eerste stap in die bou van 'n toeganklike webwerf is om te verstaan ​​hoe mense met gestremdhede toegang tot die internet het. Die W3C het hulpbronne saamgestel wat verhale van werklike webgebruikers insluit, 'n ondersoek na die verskeidenheid webgebruikers en 'n bespreking van die verskillende maniere waarop gebruikers toegang tot die web het. As u hierdie bronne ondersoek, sal u 'n duidelike beeld gee van hoe mense met gestremdhede die web gebruik.
Dit is ook belangrik om na te dink oor die komponente van webtoeganklikheid. Alhoewel ontwerpers in die versoeking kan kom om hul toeganklikheidsgesindheid te beperk tot die visuele elemente wat hulle ontwerp en die kode wat hulle skryf, is dit belangrik om die ander stukke van die legkaart te ken – veral dinge soos hulpmiddeltegnologieë en sagteware wat gebruik word om toeganklikheid te verbeter – en hoe dit gedoen moet word lig webontwerp in.
Hou die toeganklikheid in gedagte wanneer 'n projek begin en skryftoestelle gekies word. Nie alle temas, widgets en plugins bied gelyke toeganklikheid vir besoekers aan die webwerf nie. Die toeganklikheid van webwerwe wat deur hierdie verskillende instrumente vervaardig word, moet een van die kriteria wees wat in ag geneem word wanneer skrywermiddele gekies word.
Laastens, voordat u met u projek begin, moet u die aanbevelings in WCAG 2.0 hersien. As u die aanbevelings in hierdie dokument doen, sal u help om te verseker dat u webwerf-inhoud waarneembaar, uitvoerbaar, verstaanbaar en sterk is.
Struktureer HTML behoorlik
Een van die belangrikste dinge wat u moet doen wanneer u 'n toeganklike webwerf skep, is om semantiese HTML behoorlik te gebruik. Hier is 'n paar wenke om aan die gang te kom:
Voorsien beskrywende teksalternatiewe (alt-teks) vir beelde: skermlesers lees die alt-teks, en maak dit dus sinvol. As u die teks lees, moet u dieselfde betekenis hê as om na die beeld te kyk.
Gebruik koptekens korrek: Skermlesers gee aandag aan koptekens en gebruik dit as leidrade oor die belangrikheid van inligting en die struktuur van die inhoud op 'n bladsy. Moenie 'n opskrifvlak oorslaan nie, en moenie dit buite werking gebruik nie.
Skep toeganklike vorms: gebruik beskrywende en goed geposisioneerde etikette vir elke invoerveld, en gebruik die etiketmerk of 'n ARIA-eienskap om die etiket met die invoerveld te assosieer.
Gebruik tabelle op gepaste wyse: in die verlede was dit algemeen om tabelle vir webwerf-uitleg te gebruik. Skermlesers kan egter nie onderskei tussen 'n tabel wat data bevat nie, en 'n tabel wat vir uitlegdoeleindes gebruik word. As gevolg hiervan, skep onbehoorlike gebruikte tabelle onnodige kompleksiteit en verwarring vir besoekers wat skermlesers gebruik.
Werk met visuele inhoud
Visuele elemente moet deeglik oorweeg word om te verseker dat toeganklikheid nie verlore gaan vir gebruikers met gesiggestremdhede nie. Sulke gebruikers kry gereeld toegang tot webwerwe met spesiale webblaaiers met 'n hoë kontras, skermlesers, of deur CSS-style te vervang met 'n stel reëls wat ontwerp is om visuele hindernisse te verwyder. Oorweeg die volgende wenke om 'n webwerf te skep wat die grootste toegang tot gesiggestremdes bied.
Moet nooit alleen afhang van die kleur om inligting oor te dra nie
'N Vorm wat kleur gebruik om vereiste velde te identifiseer, is 'n probleem vir besoekers wat kleurblind is, of diegene wat 'n skermleser gebruik. Terselfdertyd trek ander gebruikers groot voordeel uit die gebruik van kleure om inligting oor te dra. Die wegneemete is dat u kleur moet gebruik, maar u moet ook ander maniere gebruik om kritiese inligting oor te dra.
Moenie CSS gebruik om kritiese inligting te lewer nie
Sommige webblaaiers bied die geleentheid vir besoekers om hul eie stylblad te skep wat die style wat deur 'n webwerf se CSS-lêers voorsien word, sal oorskry. Hou dit in gedagte wanneer u 'n webwerf skep, en sorg dat alle kritieke inligting en funksies apart van die CSS-lêers gelewer word. Namate die vermoë om inhoud te skep en te lewer met behulp van CSS toeneem, word die hindernisse vir toegang vir persone met gestremdhede verhoog. Wees versigtig dat innoverende ontwerp sommige van u besoekers nie agterlaat nie.
Bied alternatiewe vir klank- en video-inhoud aan
Die web van vandag gebruik ryk media, soos podcasts en video's, baie. Wanneer u hierdie soort inhoud gebruik, gee teksalternatiewe vir besoekers met gesig- en gehoorgestremdhede. Dit beteken dat geskrewe transkripsies beskikbaar moet wees vir video- sowel as klankinhoud, en dat onderskrifte vir alle video's beskikbaar moet wees.
Gebruik beskrywende skakelteks
Besoekers wat 'n skermleser gebruik, is afhanklik van die teks van 'n skakel om te bepaal waarheen die skakel lei. Gevolglik is skakels soos "Lees meer" of skakels op prente wat nie alt-teks bevat nie vir hierdie besoekers toeganklik. Teksskakels moet kort beskrywende teks gebruik, soos "lees Oor ons" eerder as "lees meer". Hierdie skakel is maklik om te verstaan ​​en is maklik vir besoekers wat spraakherkenningsprogramme gebruik om te onthou en te herhaal.
Wees versigtig as u dinamiese inhoud gebruik
Kom meer te wete oor en gebruik ARIA-rolle
Die aanbeveling van die webtoeganklikheidsinisiatief toeganklike ryk internettoepassings (WAI-ARIA) is die W3C-spesifikasie wat ontwerp is om webwerf-ontwikkelaars te help om dinamiese inhoud meer toeganklik te maak. Die volledige ARIA-spesifikasie verdien ernstige navorsing deur ontwikkelaars, maar elkeen wat HTML skryf, moet die tyd neem om te leer oor die nuwe rolkenmerk en aria-etiketkenmerk wat aan enige HTML-element toegeken kan word. Hierdie eienskappe dra daartoe by om besoekers met sekere gestremdhede te help om dinamiese webwerwe te navigeer.
Behou funksionaliteit vir besoekers wat slegs 'n sleutelbord gebruik
Mense met mobiliteitsuitdagings kan dikwels nie 'n muis manipuleer met die presisie wat nodig is om dit effektief te gebruik nie. As gevolg hiervan verkry hulle toegang tot die web met 'n sleutelbord, 'n spesiale klawerbordoorleg of ander toestelle wat ontwerp is om toegang tot die web te vergemaklik. Sekere webinhoud, soos komplekse spyskaarte, skyfievertonings, opspringers en items wat 'n oorskiet-aksie benodig, bly egter vir hierdie besoekers ontoeganklik. Om hierdie scenario te vermy, moet webontwikkelaars slegs besoekers op die toetsbord toets, aangesien hulle die interaksies ontwerp wat nodig is om die webwerf te gebruik.
Kyk na toeganklikheid
Daar is 'n verskeidenheid instrumente en hulpbronne wat u kan gebruik om u webwerf te kontroleer vir toeganklikheid. 'N Goeie plek om te begin is die lys Maklike tjeks wat deur die W3C aangebied word. As u deur hierdie lys gaan, sal u die meeste algemene kwessies opspoor, soos beelde sonder alt-teks, opskrifte wat ontbreek of buite werking is, algemene probleme met kleurkontrast, en meer.
Nadat u die Easy Checks deurgewerk het, moet u dit oorweeg om van die vele gratis en betaalde instrumente te gebruik om u werf te beoordeel vir toeganklikheidskwessies. Die W3C het 'n nuttige lys gereedskapstoetsgereedskap saamgestel. Vir meer inligting oor die nagaan van toeganklikheid, lees die bladsy oor hulpbronbeoordelingsbronne, waar u baie bykomende bronne sal vind om te help met die ouditering en toetsing van toeganklikheid.
As u meer wil weet oor webtoeganklikheid, is daar 'n aantal plekke waar u aanvullende onderwys, tutoriale, gereedskap en ander bronne sal vind. Ons beveel die volgende organisasies aan terwyl u strewe om toeganklikheid vir al die besoekers van u webwerf te verseker.
Die W3C Web Accessibility Initiative is een van die organisasies wat die ontwikkeling van standaarde en riglyne vir toeganklikheid bestuur. Om meer oor die WAI te wete te kom, kan u die WAI-tuisblad besigtig, gratis toeganklike ontwerp-tutoriale voltooi, en 'n voorbeeld sien van die veranderinge wat nodig is om 'n ontoeganklike webwerf te verbeter en dit na die riglyne vir toeganklikheid te bring.
Google bied ook 'n gratis Intro to Web Accessibility-kursus aan wat u die basiese aspekte van die bou van toeganklike webwerwe sal leer en wys hoe u toeganklikheidsinstrumente in die Chrome-webblaaier kan gebruik om u webwerf te toets vir toeganklikheid.
Die Universiteit van Washington het 'n lys saamgestel van 30 wenke vir webtoeganklikheid in PDF-vorm wat u kan druk en waar nodig kan verwys. Hierdie lys dek al die basiese riglyne vir die skep van toeganklike webwerwe, en is 'n goeie manier om u geheue vinnig te verfris by al die basiese huurders van toeganklike webontwerp..
WebAIM is 'n ander organisasie wat daarop gemik is om die web meer toeganklik te maak, en hulle bied 'n aantal nuttige hulpbronne om te leer oor verskillende gestremdhede, insluitend die volgende instrumente en simulasies:
Afdeling 508 Kontrolelys: Hierdie nuttige kontrolelys sal help om te verseker dat u ontwerp aan Artikel 508-vereistes voldoen.
WCAG 2.0 Kontrolelys: As u doel is om die riglyne vir die toereikendheid van webinhoud (WCAG) 2.0 na te kom, sal hierdie kontrolelys u help om te verifieer dat u ontwerp aan die standaard voldoen.
Kleurkontrastkontroleerder: vul die lettertipe en agtergrondkleur in om te bepaal of die kontras tussen die twee aan WCAG-standaarde voldoen.
Skermleser-simulasie: Kry 'n idee vir hoe besoekers wat skermlesers gebruik, die web ervaar met hierdie simulasie.
Low Vision Simulation: Met hierdie simulasie kan u 'n webwerf sien op 'n manier wat die effek van verskillende gesiggestremdhede soos gloukoom, katarakte en makulêre degenerasie naboots..
Disleksiesimulasie: Hierdie eenvoudige oefening gee jou 'n idee hoe dit is om te probeer om met disleksie te lees, sodat jy 'n groter waardering kan verdien deur die uitdagings wat besoekers in die gesig staar op die web..
Afleibaarheidsimulasie: Hierdie simulasie gee u 'n gevoel van die effek van lyding van afleibaarheid en sal u help om die waarde van webwerwe wat ontwerp is om afleiding te verminder, te waardeer.