tilgængelighed, del 4: betjenes

, tilgængelighed, del 4: betjenes,,,,, 52,,,,,,,,, 6,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet tilgængelighed. tilgængelighed, del 3: ariaaccessibility, del 5: forståeligt, i det store og hele det er princippet om, at deres websted skal være i stand til at være  , sikkert,   flyves til  , alle brugere.dette omfatter den retningslinje, som hele din hjemmeside, bør være tilgængelige ved hjælp af tastaturet alene.desuden er den måde, din hjemmeside svarer til brugerinput (tastatur eller på anden måde) bør være forudsigelig, klar og sikker.  , dette sidste punkt henviser især til at sikre, at eventuelle beslaglæggelse, herunder ved din side er handicappede ved misligholdelse, og brugerne har advaret før, der gør det muligt.dette princip giver også retningslinjer for med tilstrækkelig tid for brugerne til at fuldføre opgaver, men vi kan ikke gøre det her.,, tastatur tilgængelighed (2.1), er i stand til at navigere og bruge din hjemmeside med kun et tastatur er et af de vigtigste aspekter af tilgængelighed.blinde brugere vil stole på tastaturer næsten udelukkende, og dem med bevægelseshandicap har vanskeligt ved at kontrollere en mus, og det er også afhængige af tastatur adgang.nogle personer kan have lille eller ingen brug af deres hænder, og påberåbe sig større tastaturer, mund, stænger, hoved tryllestave, enkelt kontakt eller tår "n" puff.  , kan du finde beskrivelser af disse anordninger på   webaim   websted, men de grundlæggende kanal bruger input til tastatur strøg.hvis din hjemmeside er ikke tilgængelige for alle brugere, tastaturer, så afhængige af disse anordninger ikke vil være i stand til at bruge din hjemmeside., heldigvis, at deres tema eller stik af tastatur tilgængelige er relativt enkelt.her er nogle centrale punkter:,, sikre hele din menu kan læses af tastatur, en masse temaer er baseret på svævede over en menupunkt for at afsløre eventuelle sub - menuer.det er fint, men generelt under menu, vil  , ikke,   anføres, hvis modervirksomheden menupunkt har fokus (snarere end den).hvis de to relevante regler for  : den,  , og anvende dem til at  : fokus,   også, det vil få dig halvvejs: sub - menu poster vil fremstå som brugeren øje på menuen.men når brugeren øje ned til afrika menu, forælder mister fokus og sub - menu kortet forsvinder.dette kan afhjælpes ved hjælp af javascript.nærmere oplysninger om dette, og hvordan vi skal fremlægge en ikke - javascript reserve vil blive omtalt i den næste artikel i denne serie.,, ikke "fange" brugere, du behøver ikke at gøre alt for at gøre "indfødte" form input (vælg, input, radio, osv.), tastatur, tilgængelige.imidlertid bør ethvert aspekt af deres side (herunder form områder) at få fokus, det  , skal   være muligt at bevæge sig væk fra det med kun et tastatur eller brugeren er lukket.dette er normalt misligholdelse adfærd, så skal du bare undgå altoverskyggende.,, at navigere let og klart (2.4), denne retningslinje har to typer henstillinger: at finde, hvor brugeren i øjeblikket  , er,   indlysende, og ved, hvor de vil gå lettere.  , en del af følgende henstillingerne i denne forbindelse omfatter mange emner allerede: en konsekvent navigation menu over sider,   fremhæve   den aktuelle side, og brugerne til hurtigt at fastslå, hvor de er på stedet (f.eks. med brødkrummer).,,, design: fokusere ordentligt, en vigtig del af at være i stand til at anvende et tastatur til at navigere rundt på en webside, er, at vi er i stand til at se nøje på, hvad har i øjeblikket har fokus.det element, der i øjeblikket har fokus bør være synligt anderledes, og der kan adskilles fra resten af den side.derfor bør de undgå   redegørelse: ingen;,  , medmindre du vil give alternative design:,, en: vægt (oversigt: ingen; baggrund:&#ee7b00; farve:&#fff;}, fokus for og tabindex, en vigtig del af tastatur tilgængelighed er, at tabbing er forudsigeligt, og på en naturlig måde.for eksempel, hvis fokus er i øjeblikket en form område, ville jeg forvente, at det næste regning skal tage mig til det næste område i denne form.hvis tabbing årsager fokus til at hoppe op og ned på den side, uregelmæssigt, vil det hindre og vildlede brugeren.,,, undgå at bruge tabindex:,   den tabindex attribut giver dig mulighed for at ændre den rækkefølge, i hvilken elementer er nået ved tabbing.men hvis du fulgte rådet i artikel 2 i denne serie om dom struktur, regningen for bør afspejle den "naturlige" ordre fra den side.mens tabindex har sine fordele, disse er sjældne, og dets anvendelse til "stil" stakkels stedet struktur kan skabe yderligere problemer.er den bedste metode til at undgå at bruge tabindex, og i stedet har temaet skabe en logisk dom struktur med css plejede at ændre visuel præsentation.,, at "læse" eller "fortsætte med at læse", skærm læser brugere vil ofte spring mellem forbindelser, at teksten mellem og i hvert led skærmen, - jeg vil læse "forbindelse [link tekst]".som sådan, det er meget uhensigtsmæssigt for sådanne brugere, hvis de gentagne gange hørt "forbindelse læse mere", "link klik her" eller "link, fortsætte med at læse".tilsætning af forbindelse til sammenhængen i dette tilfælde blot omfatter levering af posts titel.så i stedet for at "fortsætte med at læse" har vi "fortsat behandling [efter afsnit].", at gøre dette på en wordpress tema er vi ganske enkelt nødt til at klipse på  , excerpt_more,   filter og sætte vores "fortsat at læse" link: http: //tilføjer, "fortsætte behandlingen x" link funktion mytheme_continue_reading_link() {afkast < p - klassen = "læse" > ".sprintf (__ (< en href = "% s > fortsætte med at læse% s < /a >", "mytheme"), esc_url (get_permalink()), esc_html (get_the_title()). < /p > «) //erstatter "[...]" (vedhæftet genereres automatisk uddrag) med en cæsar og mytheme_continue_reading_link().funktion mytheme_auto_excerpt_more ($) {afkast & hellip; ".mytheme_continue_reading_link();} add_filter ('excerpt_more "," mytheme_auto_excerpt_more), giver dette "læse" forbindelse rette sammenhæng.der er imidlertid et par forbedringer, der kan foretages, for det første tilføjelse af artikel afsnit typisk vil ødelægge ud af emnet og for observerede brugere vil være overflødig, da den "læse" led i forhold til artikel titel og uddrag vil gøre forbindelse indlysende.for at komme uden om disse problemer, vi kan gemme "artikel titel, men på en sådan måde, at skærmen læsere vil stadig læse dem, betyder det, at vi ikke kan bruge,,, display: ingen   eller synlighed: skjult,   som skærm læsere forstår disse egenskaber og ignorerer indholdet.i stedet kan vi holdning teksten af skærm eller anvende, clips, ejendom:,,. skærm læser {holdning: absolut!vigtigt: bredde: 1px. højde: 1px; polstring: 0; margen: - 1px; overløb: skjulte; clips: direkte (0,0,0,0); grænse: 0}, er der masser af forskellige eksempler på "screening" klasser ". den her er taget fra bootstrap 3.næste, tilføje den relevante klasse til artikel titel, specifikt at erstatte linje 5 ovenfor:,, __ (< en href = "% s > fortsætte med at læse < over klasse =" skærm læser ">% s < /span > < /a >", "mytheme"), for det andet, og dette vil give brugerne et fingerpeg om, hvor denne forbindelse pegede, ville de stadig er nødt til at lytte til "link, fortsætte med at læse...", før de når den efterfølgende afsnit.ideelt set, du skal tage overflødige oplysninger ved afslutningen af forbindelsen tekst eller fjerne det fra anker et helt, for at reducere den tid, det tager at identificere forbindelsen.  , en fordel for skærm læser brugere af ikke foregående knyttet tekst med overflødige oplysninger er skærmen læsere vil ofte medføre en liste over links på side.hvis en del af deres forbindelser med den samme tekst, kan finde en ønskede forbindelse hårdere, især hvis forbindelsen til din kontakt side er under "h", fordi der står "oversættelse".,, brug  , < afsnit >,   et ordentligt,  , < afsnit >,   mærke, bør anvendes til at identificere de aktuelle placering af brugeren.det er læst af skærm læsere, og synes i søge resultater og på skærmen vindue og - tab.for at gøre det lettere for brugerne at identificere, hvor de er, eller hvad den søgen har fundet) i dette afsnit, skal indeholde den side titel og webstedet navn.ideelt set hjemmesiden navn bør komme i, så folk bruger skærmen læsere, behøver ikke at lytte til navnet på din hjemmeside på hver side belastning, før de høre side titel.,, overskriften, mærke, kan føjes til et tema:,, < afsnit > <?folkesundhedsprogrammet aspektet wp_title();?> < /afsnit >,, at tilføje stedet titel:,, /* * * tilføj stedet afsnit på side afsnit * /funktion mytheme_wp_title ($titel, $sep, $seplocation) {tilbage $afsnit. "



Previous:
Next Page: