, toegankelijkheid, deel 3: Aria,,,,,,,,,,,,, 17 - eenheid,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks ondersteunende deel genoemd. Het gemak, deel 2: - Deel 4: perceivableaccessibility, interoperabiliteit, in een artikel in de van deze reeks zien we de toegankelijkheid van de eerste beginselen: om ervoor te zorgen dat de inhoud moet in een door de gebruiker van de regeling kan worden..Als de gebruikers van de technologie, waardoor het mogelijk is om een methode die technologie gemakkelijker te analyseren en begrijpen je websites en de inhoud ervan.In dit artikel zullen gericht zijn op een speciale manier: deze aria.,, WAI-ARIA (web - geen belemmeringen voor de toegang tot Internet toepassingen), of de aria, is verbetering van de interactie tussen de W3C - overeenkomst de website en ondersteunende technologie.Het is in veel opzichten:,, biedt een verklaring dat de structuur van een website (bijvoorbeeld etikettering pagina navigatie, zoeken, de inhoud, de doelstelling en de rol van , enz.), de verbetering van de controle van de interactie (zoals boom - menu 's, slider, sorteren, controle, enz.) door te verklaren dat ze de "staat", (bijvoorbeeld, /uitschakelen, verborgen, vereist), biedt een verklaring kan worden bijgewerkt (bekend als de regio' s , de regio, het), dus een update van de gebruikers betreft, kan de oude browser. Niet een vraag: aria is de meeste Moderne browser en steun voor het scherm lezen, en andere mensen hebben niet de verenigbaarheid van het probleem in deze serie.,, richten we ons op.De bovengenoemde punten van de verklaring van Sint -, elementen, pagina 's, als een deel van de structuur van de rol van de,,., als de structuur van een website met de programmering, kan worden bepaald aan de hand van de website en in elk van de regio' s vastgesteld (bijvoorbeeld de Website van de navigatie, de inhoud, de marge, enz.), en de technologie kan beter aan de gebruiker, de structuur.Zoals, "in verband met de inhoud van de banden (" zullen we in het volgende artikel dekken) als een scherm lezen , weet verouderd, de inhoud.Http: //europa.eu.int, maar biedt geen methoden voor de identificatie van pagina 's op een regionale doelstelling.Dit is aria van deelnemers.,,,,, aria is gewoon een waarde van de identiteit van de , het doel, de elementen.De meest eenvoudige voorbeeld is een zoektocht in de vorm van < vorm:,, de rol van = "naar" >...< /vorm >,, de rol van de "onderzoek" < de vorm van identificatie, > de inhoud van de website, als een zoeken, en het is te erkennen dat de lezer, dat als ze willen zoeken, voor de gebruikers.Bijvoorbeeld, een scherm lezer biedt een binnenweg naar de zoektocht.Ook op de website van de kennis van de structuur van de technologie om tot een zinvolle "boom" pagina 's.Bijvoorbeeld, het gebruik van het scherm lezen kin, puntkomma over deze tussen de rol, kan de gebruiker snel plaats tussen de regio 's (hoofd springen, navigatie, inhoud, enz.), deze eigenschap is een mijlpaal , de rol en de waarde beschikbaar is, met inbegrip van:,, de vlag, de, op de website van de relevante de inhoud van websites, zoals de naam of het logo.In de meeste van de thema 's, de informatie in deze , hoofd. Php en - elementen om de titel van de website, beschrijving en identificatie van de rol die id = <:,, de rol van de "brand" = "vlag" > < P = "titel" > < a = "href <?PHP esc_url (ECHO home_url ("/");?> "> <?PHP get_bloginfo ("naam"); de ECHO?> < /> < /P > < P = "beschrijving" > <?PHP get_bloginfo (beschrijving); de ECHO?> < /P > < /div >,, navigatie, de rol van de pagina 's bevatten de banden worden een deel van de dossiers of websites.Een onderwerp kan meerdere de locatie van de navigatie, elke kunnen verpakt worden in een navigatie elementen:,, < - de rol van de "ins" > = <?PHP wp_nav_menu (array ("theme_location" = > "de heer");?> < /- >,, volgens specificaties van 5, , de "ins", = moet in de , impliciet met behulp van < de nettowaarde van de activa van >,, zodat het niet nodig is.Echter, in duidelijk omschreven gevallen, geen risico 's, vooral de belangrijkste inhoud van de website.Dit , moet kwam slechts één keer op de pagina 's.Elk van deze thema 's zal verschillen, maar in verband met het dossier omvat in het algemeen:,, indicatoren. Php. Php blz. Php, je grote lus, bijvoorbeeld lijkt:,, < div = "hoofdzakelijk" = "hfeed" = "grote" GT; <?PHP als (have_posts ()):???????> <?(have_posts (PHP)): the_post (); de???????> ///////- inhoud <?PHP endwhile;?> <?Endif;?> < /div >,, en je de pagina 's model lijkt:,, < div = "grote" = "hoofdzakelijk" > < div = "na <?PHP the_id (); de???????> "<?PHP post_class (); de???????> > < h = "in de titel" > <?PHP the_title (); de???????> < /H1 > < div = "punten" > <?PHP the_content (); de???????> < /div > < /div > < /div >,, zoeken de vorm, het logo (s) op de website, het is veel meer dan een keer.De meeste thema niet "harde" zoeken in de vorm van hun betreft, maar door de gebruikers toe te zoeken in widgetised gadget.In dit geval (in de veronderstelling dat je operatie WP 3.6 of hoger), je hoeft niets te doen: de bij het zoeken naar een vorm van wordpress bij de zoektocht rol heeft.Bovendien is het raam aan de etikettering en de aan de knop op toegankelijke wijze te .,, als je hard naar je code, in de vorm van de betreft, moet , get_search_form (), (zie Wetboek).Tot slot, als je een thema te wijzigen. De standaard zoektocht, je kan de oprichting van een model voor de naam, searchform. Php, maar moet de rol van de met de zoektocht.Bij het zoeken, en het formulier model is: de rol; in de vorm van = "onderzoek" methode "verkregen" = = = = = = = = = = = = = "naar" actie ".PHP home_url ("/" ');?"> > < etikettering > < trans - type =" het scherm lezen "> < de tekst?PHP _x (ECHO: "onderzoek", "etikettering");?> < Kruis > < input - type = "naar" = "op het gebied van onderzoek" (= "zoeken & hellip;" () "<?PHP get_search_query (ECHO);?> "naam" s "titel:" <?PHP esc_attr_x (ECHO: "onderzoek", "etikettering");?> "> < /etiket > < input - type =" dienen "=" controleren "=" <?PHP ECHO esc_attr_x ("gezocht", "legt knopen);?> "> < /vorm >,,,, dat de inhoud van een onafhankelijke, gevoel van isolement.Dit is een goed voorbeeld, dat is die op je blog, de "post" - pagina.Ook elke commentaar kan worden beschouwd als een "het".Het kan ook zijn nest: bijvoorbeeld, een opmerking (artikelen) kunnen zitten in de blog (artikelen), en, en het;(have_posts (PHP)): the_post (); de???????> < het id = "<?PHP the_id (); de???????> "<?PHP post_class (); de???????> de rol van = "de" > ////////uittreksels uit de titel...< /artikel > <?PHP endwhile;?>,,, de regio 's van de complementariteit, de identificatie wordt omschreven als "als de belangrijkste inhoud van de inhoud van de steun".In je, dat kan worden beschouwd als een zijbalk.Je , lulverhalen. Php, model, en daarom lijkt:,, < de rol die = "detail" = "aanvullende" > <?PHP als (is_active_sidebar ("rechts")) {dynamic_sidebar ("recht");}?> < /div >,, contentinfo,, dat gewoonlijk wordt gebruikt voor de identificatie van de meter.Het officieel wordt beschreven als:,, de regio 's over de vermeende vader document informatie bevat.,, dit zou bijvoorbeeld een voetnoot, auteursrechten, in verband met de verklaring van de persoonlijke levenssfeer, maar in het algemeen gebruikt voor de etikettering van de pagina' s van de meter, ongeacht de inhoud.De firefox safari en chroom, automatische toekenning van contentinfo < een rol, etikettering: >,,, < body>...De rol van de meter < = "contentinfo" > ///////////meter < > <?PHP wp_footer (); de???????> < /body >,, zingend en zal, hoewel er steeds meer steun zal door de veranderingen, scherm lezen.Aan de andere kant, aria. Meestal beter steunen.Dus, ondanks de groeiende de browser automatisch gekoppeld aan de overeenkomstige zin zal de rol van het etiket, een duidelijke rol is nog steeds een goed idee.Opgemerkt moet worden dat niet veranderen in een semantische elementen van de "rol van de machine.Bijvoorbeeld, je moet niet doen:,, < h = "rol van de knop" > - de me.< /h1>,, hieronder is een lijst van sommige van de 5 elementen, samen met hun impliciete roles., Aria, zal het element, de impliciete aria historische rol, andere notes,, < header>, role= "Banner", is er slechts één geval van Banner moet worden, < nav>, role= "navigatie;",,, role= < main> de "grote", is er slechts één van de belangrijkste vorderingen moet worden, role= < article>,,, "of" < aside>, role= "aanvullende",,, role= < footer> "contentinfo", is er slechts één geval van moet worden contentinfo, LT button>,; role= "knop", als je moet, met behulp van 5, 5 gebruiken een script dat Shiv v3.6, zoals gebruikt in de Twenty* themes te verstrekken, steun voor oudere browsers.,,,, dat Declaring Aria, rollen is Een manier om de gebruikers incredibly Aid.De verklaring van uw website van ondersteunende technologie van de lay - out en vinden hun inhoud.In het volgende deel van deze reeks en we zullen zien om ervoor te zorgen dat de beginselen van de thema 's van je is , operatie.Ruwweg, de gebruikers moeten gemakkelijk kunnen veilig door je website, navigatie.
Deel 3: toegankelijkheid, aria
Previous:De planning en programmering van