, toegankelijkheid, deel 2: gezien de,,,,,,,,,, 53, 13 - 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. De toegankelijkheid, introductionaccessibility - Deel 3: 1, Aria, het beginsel van de landen, van alle inhoud moet in de vorm van (of van de regeling kan worden vereist) door de perceptie van de gebruiker.Dat je een website moet worden ontworpen dat, iedereen kan de inhoud van de "lezen", of ze kan er geen sprake zijn van een handicap.Veel gebruikers met een handicap zal het gebruik van de technologie, zoals die van mensen met een visuele handicap kunnen gebruik maken van een scherm verschijnt op het scherm de lezer, het lezen van de inhoud van een tekst is, of in de converter voor blinden.En dan, ons doel is de bevordering van deze technieken.,, onthoud, hier is de criteria , nee, uitputtend te zijn, dus je moet altijd een richtsnoeren voor de toegankelijkheid van webinhoud te vervangen, tekst, beelden, (1.1), het gebruik van alt etiket beeld, misschien is het verbeteren van De toegankelijkheid tot de meest voorkomende voorstellen.Als je de website bevat een , beeld, en dan deze verwaarloosde scherm lezen, tenzij, gebruik je , alt, etiket. alt beschreven, aandacht, misschien niet zo een beeld van wat er is, maar wat beeld proberen te geven.Alt - label zegt, wat wil je zeggen, dat het imago van dit voorstel. , het meest geschikt is om de redacteur, ik hier, want het betreft een ontwikkelaar, die gewoonlijk een icoon in plaats van de tekst over de website of de naam van het bedrijf.In die omstandigheden kan het gebruik van de naam van de website is de beste (, get_bloginfo (naam),) als vervanging voor de beschrijving van:,, de ECHO < P = "titel" > < href = ".Esc_url (home_url ("/") ".> < IMG = "symbool" (= "". Esc_attr (get_bloginfo ("naam")). De src = ".Het symbool van de dollar.> ".Get_bloginfo (naam). "< /> < /P > ";,, alt etiketten moeten , nee, voor zuiver decoratieve afbeelding, of je eigenlijk om de gebruiker door middel van buitensporige en onnodige informatie, het verstrekken van vervangende., - code, als je van de « plugin », het creëren van een formulier, misschien moet je een vorm van erkenning door een man, het is maar een computer niet bezoeken.Als je besluit om gebruikers een beeld of geluid... En ze moeten uitleggen, je moet uitleggen, in de tekst aan te passen aan de verschillende gehandicapten identificatiecode van een andere vorm. Om ervoor te zorgen dat de inhoud kan zien,, (1.4), niet alleen afhankelijk zijn van de positie, de kleur of de vorm te geven. Deze gids zal hoofdzakelijk van toepassing op de plug - in ontwikkeling, maar is ook van toepassing op de thema 's.Als de kleur, de vorm of positie worden gebruikt om uiting te geven aan een gemeen, is het niet duidelijk wie de tekst, en dat betekent een kleurenblindheid of blinde gebruikers verloren. En, bijvoorbeeld, een typisch voorbeeld is misschien contact op te nemen met de knop van de epidemie alleen afhankelijk zijn van de icoon lettertype is een icoon:,, < knop > < breedte = "fa enveloppen met lg" > < Kruis > < /knop > < knop > < breedte = "fa fa lg" > < Kruis > < /knop > doel van deze knop, en is duidelijk een de gebruikers van een vooruitziende blik, maar voor degenen die afhankelijk zijn van het scherm lezen die knop niet doen.Als het doel van het ontwerp van de tekst, om te voorkomen dat het gebruik van, je moet met voorgeschreven etiket Aria, de etikettering, eigenschap.,, < knopen in de aria label = E - mail "> < breedte =" fa enveloppen met lg "> < Kruis > < /knopen en GT; dit is slechts één voorbeeld van onze overeenkomst, Aria, zal meer in detail in de volgende artikelen., om ervoor te zorgen dat er voldoende contrast tussen de woorden en de achtergrond, dat is duidelijk, zelfs voor een goed zicht. normale mensen, met een de tekst en de context van de laag contrast tussen de website is moeilijk te lezen, kan leiden tot vermoeidheid van de ogen.Voor degenen die met een visuele handicap, een grotere mate van vergelijkende nodig is, en dat is de reden waarom de wcag wijst erop dat achtergrond en de tekst moet een contrast kleur:.,, het is niet duidelijk of iets, dan het lijkt, maar er zijn ook allerlei instrumenten, om je te helpen, dan de Patiënten gecontroleerd: HTTP://,, leaverou. Github. IO /contrast /, HTTP://juicystudio. COM /Service /luminositycontrastratio. Phpaangewezen HTTP://www.colorsontheweb. COM /colorcontrast. Asp, grotere lagere eisen van de tekst, 3 - 1, en het logo, het is puur decoratief of de tekst niet zichtbaar, en "schakel" knop niet vergeleken met de eisen van de tekst /hoewel de meeste thema.,, voor de aanpassing van de capaciteit van de kleur van het gebruik van de website, dat is een goed idee. om ervoor te zorgen dat ten minste een standaard kleuren (of de beschikbare kleuren) voldoen aan de minimale vereisten voor de vergelijking.In deze reeks later zullen we om een functie op je betreft, met de waarschuwing dat de gebruiker, als ze niet contrasterende kleur.,,, om te voorkomen dat witte achtergrond, de Britse vereniging van dyslexie, aanbevolen om te voorkomen dat de pure witte achtergrond van de tekst in plaats van met een witte kleur, boter of zachte kleuren.Dat is de reden achter de , helderheid van de witte pagina 's kunnen ", voor personen die lijden aan de lezer, Scotopic gevoelige syndroom (of Irlen syndroom), de achtergrond en de tekst te hoog contrast tussen een verergering van de symptomen, zoals: de tekst die op pagina' s, mobiele (stijgen, vallen, Eddy. Schudden, schudden, schudden, enz.), de" verloren "van de inhoud van de tekst door de rivier, ziet alleen de witte letters, woorden die vaag, deze symptomen te moeilijk en ongemakkelijk, en kan leiden tot vermoeidheid van de ogen, de vermoeidheid van de ogen, slaperigheid en hoofdpijn.,, in het laatste deel van mening, dat het het beste is om te zorgen voor een goed de tegenstelling, maar niet , te veel, vergeleken.Als gevolg van de verschillende vormen van persoonlijke voorkeuren, gelijk aan "te veel" persoon kan worden toegeschreven aan de individuele beoordeling van de structuur van de organisatie, en je pagina 's (1.3), een gestructureerde regeling, het juiste gebruik van benaming, maakt het gemakkelijker voor de gebruikers van de informatie worden voorgelegd aan de voor hun begrip.Het scherm lezer gebruiker afhankelijk van een praktische structuur om hen te helpen bij het vinden van een bladzijde in de vorm van je betreft, de structuur van de lay - out, een snelle manier om dit te testen is je thema 's en CSS en javascript uitgeschakeld.Een , het is beter gebruik te maken van lynx, dit is gebaseerd op de tekst van de browser.Als je de structuur van de site ervoor te zorgen dat de inhoud van die in een chaos zou het gebruik van mode lynx of andere technische hulpmiddelen te lezen en je van de gebruikers is moeilijk.Omdat het gebruik van deze technieken, de gebruikers niet CSS en javascript helpt bij het vinden van de voordelen van die pagina 's, en de inhoud van de mobiliteit, de juiste volgorde van de lezing is duidelijk niet ze is belangrijk.,, het is vrij eenvoudig: om ervoor te zorgen dat de uitvoering van de verwachte: //europa.eu.int /comm /weerspiegelt de visie van de orde.Het is heel natuurlijk, als je niet naar de website niet afwijken van de CSS, dan kan je het.Als algemene regel de duim van uw website moet het patroon volgen:, de titel, de navigatie -, de inhoud, de randen van de inhoud, de staart, het gebruik van de benaming van een passende, dit is makkelijk te krijgen.De regels zijn simpel:,, gebruik van , < H > , etikettering, de titel, de niet alleen geschikt zijn voor een bepaalde stijl, een tekst van zoekmachines en scherm lezers post labels te organiseren, je pagina 's, dus denk je hoe ze te gebruiken.Ze dient rekening te worden gehouden met de structuur van het gebruik van pagina 's, de volgorde van < 3:,,... In de moet > , < H >, en , < H >, in , < H1 >,.Dit is (2).,, er bestaat altijd een probleem is: mijn titel , moeten in een , < H1 >, etiket?De W3C, voorstellen tonen aan dat, in bepaalde omstandigheden, het is om dingen te doen functioneren, in de context van wordpress betreft, het is waarschijnlijk het beste gebruik niet , < H1 >, etiket voor de titel.Om verschillende redenen:,, titel van de website moet worden opgenomen in de , < titel >, etiket.Maar dit wordt vaak over het hoofd gezien en een beetje lelijk visuele gebruikers, dit is de eerste zaak is een scherm lezen, lees.Dus, in plaats van verpakking , Post < H1 > scherm lezen, aan de gebruikers extra belangrijk, en maken de tekst duidelijker stoornis van het gezichtsvermogen gebruikers kunnen niet met de titel, en dat de informatie voor de titel, de organisatie.De naam van uw website voor een dergelijke doelstelling niet bijzonder nuttig, maar wat je beslist, op de pagina van de follow - up van je hoofd moet op de grond zitten.Dus, je moet de titel van de pagina 's in , < ring "van de artikelen; H >, etikettering als je , < H1 >, etiket op de titel van je website en , < H1 > of de inhoud van de posten, etiket.,, de meeste thema' s blijkt dat het verhaal van de opmerkingen.Dit is natuurlijk, met als titel "opmerkingen", want dit is een logische doorbraak van de inhoud, maar als de inhoud van de titel van de bundel, niveau moet rekening worden gehouden met dit.De meest logische aanpak is er onder de titel "opmerkingen" op het niveau van de beroepstitel van .,, hier is het, de enige alinea. Php:,, < die id = "inhoud" voor de rol van de "grote" > < 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 > <.- inhoud. Vermeldingen - > <?PHP comments_template (); de???????> < /div > < /div >,, in mijn geval, ik gebruik een , < H1 > titel van het artikel, etiket, dus opmerkingen model (, commentaar. PHP) lijkt:,, < div = "Opmerkingen" > h = < "; de titel" > <?PHP (_n printf ("een evaluatie van 2 dollar", "$1 2 dollar% advies, get_comments_number ()," "), number_format_i18n (get_comments_number ()), get_the_title ());?> < ////////H >...< /div >,, om ervoor te zorgen dat de verhoging van de tekst van de grootte van je website (1.4), de positieve reactie van de gebruiker met een visuele handicap kan afhankelijk zijn van de uitbreiding van de lettergrootte en niet de technologie, zoals het scherm een vergrootglas.In het licht van de criteria van de website, wcag aangewezen je niet "gebroken", de tekst is door een uitbreiding van maximaal 200%. ""Hier is de tekst te verdwijnen, botsen, overloop van de recipiënt, of meer in het algemeen de vernietiging van de website, en het is moeilijk en verwarrend lezing lay - out., door gebruik te maken van de relatieve lettergrootte, omdat de moderne browser is een betere aanpassing van de omvang van de tekst, zodat met De relatieve lettergrootte is niet meer wat het was. Als belangrijke (hoewel de negen niet het lettertype in pixels worden vastgesteld).Hoe dan ook, of aanbevolen relatieve lettergrootte (percentage van het EMS of rem).Het adres van rem - eenheid met elektromagnetische eenheid, maar het kruis, kun je het in een traditionele browser compatibel.Hoe dat relatieve tekst enigszins buiten het bereik van de details, maar je kunt vinden, om hier: "..." uit het EMS, lettergrootte en Ray, het gebruik van een vloeiende lay - out, echter, zal leiden tot aanpassing van de omvang van de tekst - lay - out.De tekst kan worden geduwd scherm, gedwongen van de gebruiker, of de tekst van de container kan bloeden, kan een andere tekst, zodat de webpagina 's van de gedeeltelijk onleesbaar.Dit om (of vloeistof) indeling kan helpen. "Op de website van het ", om tegemoet te komen aan de faciliteit, die worden beschouwd als, omdat ze zelden gebruik van de vaste pixel lengte /breedte of de omvang van de tekst.Dus, deze website meestal goed, lettergrootte veranderen: hun indeling niet breken, wcag richtsnoeren wordt aanbevolen, moet de tekst kan niet alleen tot 200% vergroot, maar ook de omvang van de tekst van de website kan meer.In reactie op de webpagina ontwerpen kan helpen, want:,, een vergroot op scherm aangepast aan de omvang van de "kleine", om een einde te maken aan de horizontale rol van mobiele elementen, zonder vaste afmetingen, overlapping te voorkomen of uit de tekst -, beeld - aanpassing van de omvang van de beschikbare ruimte in Voor, elkaar niet overlappen, maar de tekst, de aandacht op het ontwerp, de toegankelijkheid is niet hetzelfde als dingen die belangrijk zijn. Maar ze kan aanvullen, uiteindelijk verschillende doelstellingen hebben.Op de site niet toegankelijk is, en vice versa. Het gebruik van een merk (1.3), het gebruik van de juiste gegevens slechts vertegenwoordigd, zoals de bijdragen aan de lay - formulier (willen) is iets van het verleden.Ook de gevolgen in verband met misbruik van tabel zonder belemmeringen.Tabel wordt gebruikt voor de aanduiding van gegevens of informatie, zoals de regels en kolommen hebben een intrinsieke betekenis, en is van mening dat op dit moment het scherm lezen, zoals gegevens. , scherm lezen, lees, de lijn en kolom van de inhoud van de cel voor te lezen.Als gevolg van de doelstelling voor de vertegenwoordiging van de cellen in tabel zuiver onafhankelijk van de positie van deze informatie kan worden verward, of ten minste een irriterend: de eindgebruiker verteld dat er een vorm van structuur, serieus, niet de juiste etikettering, met gebruikmaking van het formulier,,, de meeste thema 's die tabel (En ontwikkelaar niet wordpress het kalender is dichtbij.Echter, door de « plugin » kan worden gecodeerd of de controle blijkt dat de tabel.Er moet worden opgemerkt dat, bij de productie van tabellen: en, waar mogelijk, hou het simpel formulier.Hoewel de lijst van vele jaren is standaard /, die niet door de algemene steun van het scherm lezen. En, in voorkomend geval, voorzien in een , < titel >, element op de tafel, de beschrijving van tabel weergegeven:, < tabel > < ondertiteling >...< /ondertiteling >...< /tabel >,, het gebruik van , < de >, tabel , koppen, en , < TD% GT%, voor , de gegevens. , < de >, cellen niet leeg, voorzien In een gebied , < e >, cellen, tonen aan dat als het een rij of titel: , < - bereik = "col" >, of , < - bereik = "Oké" >,.Hoewel de reikwijdte is vaak bepaald door het scherm lezer, het niet gedaan te worden explicit., je kan het gebruik van < thead>,,, , < tbody>, en < tfoot>,,, maar ze bieden geen voordelen in termen van accessibility.,, gebruik de , de titel, de de eigenschap van een afkorting gebruikt om e - posten in de uit, < table> < caption> februari 2014 < /caption> < thead> < tr> < met de titel: "..." "scope= col" > M< /th> < de titel: "tuesday" scope= "col" > T< /th> < de titel: "het" scope= "col" > W< /th> < de titel: "door" scope= "col" > T< /th> < de titel: "Friday" scope= "col" > F< /th>< titel = "op zaterdag" = "col" > < /dag > < titel = "op zondag" = "col" > < /dag > < /TR > < /thead >...< /tabel >,,,,,, in de vorm van aria & toegang tot internet aanvragen, (aria) is het bepalen van de specifieke eigenschappen van de pagina 's deel van de doeleinden van nut zijn, geen eigenschappen (zoals vereist in de vorm van etikettering, enz.) en de staat (zoals etikettering knop uitgeschakeld.Het gebruik van technische hulpmiddelen die kunnen helpen een beter begrip van uw website, dus nu heb je pagina 's duidelijker voor de eindgebruiker.We zullen in de volgende artikelen van aria.Later in de reeks, en we zijn ook op zoek naar de juiste vorm van etikettering, en kan de toegang tot, de feedback.
Deel 2: de toegankelijkheid, de perceptie van
Next Page:Een snelle Hint: installatie van 5