, toegankelijkheid, - Deel 6: buiten de code van optimale werkwijzen,,,,,,,,,, 50, aandelen, 9,,,,,,, de delen van het netwerk, maandag wat in tuts + - programma zal worden beperkt tot slechts 3 dollar.Niet' dit artikel niet missen, is een reeks ondersteunende deel genoemd. Het kan begrijpen, 5: in deze reeks, we hebben gekeken naar een simpele manier om hun toegang tot het onderwerp van de ontwikkelaar.Als je dit volgen een aantal van de aanbevelingen in het , zou je dan meer dan toegang voor etikettering in de bibliotheek wordpress betreft minimale eisen, maar .,, etikettering, klaar, in plaats van , vriendelijk, geen betreft, ervoor kan zorgen dat de website is te veel afhankelijk is van Het gebruik van de inhoud en de aard van de thema 's, toe te voegen aan de website. , in deze laatste les zien wij een eenvoudige vaardigheden, we kunnen gebruik maken van de ontwikkelaars van het thema van de eindgebruikers, om ons te helpen met het product op een vriendelijke manier kan bezoeken.Er is een plug - in - ontwikkelaars ook veel bereik (een duidelijk voorbeeld is van een plug - in om de audio - bestand geupload en verbonden met een gewoonte in dit soort verslagen moeten ook kunnen laten uploaden en de banden met het dossier), ter bevordering van een efficiënt het hoofd, structuur, het aantal voor het onderwerp dat we nu bespreken is er een redelijke garantie hoofd van de structuur van de juiste benaming is, namelijk de titel en de artikelen van titel (s).Zoals eerder vermeld, deze structuur moet hebben om rekening te houden met de structuur van de zin ', en , < H1 >, moet het etiket... In , < H >, etiketten, , < H > , etikettering, < H > , enzovoort.,, maar in een bepaalde pagina' s, als we met , < H1 >, (misschien , < H >, etikettering, ), of van de inhoud van de artikelen pagina 's, het zal ze stoppen met , het is een slecht idee, inhoud, om te voorkomen dat de structuur van het blz..Er blockformat tinymce - lijst kan de gebruiker snel aan de leden en de titel.We kunnen het schrappen van de titel, en we willen niet met de inhoud van de functie van de in de artikelen mytheme_tinymce_init:,, ($ervan) {///////- lijst van je wil zien in de vorm van elementen.De standaard is P, H1, h2 h3 h4 h5 h6,,,,'theme_advanced_blockformats "[] = P, h2 h3 h4 h5 h6,,,; terug gestart;} add_filter ('tiny_mce_before_init", "mytheme_tinymce_init"); en, natuurlijk, het is niet veilig, en ongeldig. Het gebruik van de gebruikers die niet tinymce redacteur.En het is ook niet (niet) om ervoor te zorgen dat de inhoud van een titel voor rekening te houden met de structuur van de inhoud.Het is echter niet gehandhaafd , misbruik < H1 >, (en , < H >,) etikettering., en de bevordering van goede vergelijking van kleur, enigszins heeft betrekking op, dat, als de gebruikers een eigen kleur betreft, is ze eraan herinneren dat ze, Als ze de keuze van een laag contrast kleur (zoals de rating van de achtergrond en de kleur van de tekst).Je moet wat kleur te vergelijken, afhankelijk van je voor de keuze van de gebruikers.Ik in de volgende vereenvoudigde een idee dat door het aannemen van een bepaalde kleur ,, dit te vergelijken met de achtergrond van de gebruikers, de kleur, ik zal je de details van het gebied in customiser, en om het leven van de wetboek bekijken.Hier ben ik gewoon een dossier aan de gebruikers. Wanneer ze kiezen, de achtergrond kleur te laag.,, in de eerste plaats het creëren van een document getiteld , customizer-a11y. Js, in je betreft, met de volgende code:,, (functie ($) (///////vernieuwing van de website van de kleur van de...WP. Maatwerk ("background_color" functies (waarde) (waarde. In combinatie met (functie (newval) {///////verkregen waarden en de achtergrond contrasterende kleur.De kleur van de tekstvar = "contrast - berekening van 444444; ///////bieden we dit later vermogen =. Checkcontrast (de kleur van de tekst, newval); ///////kan worden aangepast volgens de lettergrootte van het aandeel van het breekpunt.Als dan de > = 5) {///////goed contrast, verborgen dan de waarschuwing ("# dollar bgcolor vergeleken met de waarschuwing aan de"). ();} anders als (dan > = 4,5) {///////in tegenstelling is goed, maar in de buurt, toont het aandeel ("# in vergelijking met de waarschuwing dollar bgcolor") De CSS ("achtergrond", "# 3ac469"). De show ();} anders als (dan > = 3) {///////contrast tussen de $("# vergeleken met de waarschuwing bgcolor"). ("achtergrond", "# ffa634"). De show ();} {/andere slecht contrast. ("# in vergelijking met de waarschuwing bgcolor"). ("achtergrond", "# e31837"). ();}.///////alarmerende informatie die is opgeslagen in de mytheme.warningmsg - zullen we dit later nog var tekst =. Warningmsg. Vervangen ("% f, meer dan $(");in vergelijking met de waarschuwing bgcolor "). De tekst);});});}) (:);,, we moeten zorgen voor een functie, wordt in twee kleuren (hex) het formaat, de terugkeer van contrast tussen hen. gedetailleerde berekening van deze verhouding kan worden gevonden op de website van aan de W3C -, maar het is in de eerste plaats" door de berekening van de relatieve intensiteit van doen "(in het algemeen voor het meten van 'helderheid'.Daarentegen is de verhouding van de waarde van die "relatieve luminantie, plus een" sanctie ", de volgende heldere kleuren. En leven in het dossier is net op de bodem van de javascript.,, in de berekening van de relatieve = {/* * * * * * * * * * * * * * de helderheid van twee kleuren. Het vooruitzicht van Param kleur (tekst) kleur * @ Param. Tabel van de kleur van de * * * * * * * @ die inkomsten van de relatieve intensiteit van de kleur /checkcontrast = functie (kleur, de achtergrond kleur) {VAR l1 = het. _getluminance (in kleur); L = het var. _getluminance (achtergrond); terug dan wiskunde. Ronde (max ((wiskunde. L1, l2) + 0,05) /(wiskunde. Min (L1, l2) + 0,05) * 10 * /* * * * * * * *) /10; c) de berekening van de luminantieDe kleur van de hex - formaat. * * * * * * * * * * * * * * de kleur van Param @ die inkomsten helderheid van kleuren * /_getluminance = functies (in kleur) {VAR R, G - B geschrapt; ///////- wat als er een kleur = kleur. De vervanging van (nieuwe regexp ("^ [#] +"), ""); als (color.length = = 3) (R = het. _getrgbscore (kleur. De substring (0,1) + kleur. De substring (0,1); g = het. _getrgbscore (kleur. De substring (1,2) + kleur. De substring (1,2); b = het touw. _getrgbscore (kleur. - (2,3) + (2,3 kleur. {}); r = het anders. _getrgbscore (kleur. De substring (0,2); g = het. _getrgbscore (kleur. De substring (2,4); b) voor Deze. _getrgbscore (kleur. De substring (6);} terug (0.2126 * r + 0.7152 * G+0.0722 * b); - op basis van de berekening) /* * * * * * * * * * * * * * * * * * * * *) http://www.w3.org/tr/2013/note-wcag20-techs-20130905/g18 Param kleur @ die inkomsten * /_getrgbscore = functies (in kleur) {proberen (kleur = parseint (kleur, 16); ///////- tien - tot de vangst (EDR) {} kleur = vals.} als (kleur!= = = = = = = = valse) {kleur kleur /255; kleur = (kleur en het = 0.03928)?Kleur /12.92: wiskunde. Krijgsgevangenen (((kleur + 0055) /1.055), 2.4);}}}, terug naar de kleur van de laatste lading; en javascript en markering, in vergelijking met de waarschuwing. Mytheme_customizer_live_preview, functie () {ECHO "< div =" in vergelijking met de waarschuwing bgcolor "=" waarschuwing "> < /div >"; ECHO < stijl >in vergelijking met de waarschuwing: bgcolor {standpunt vastgesteld; rechts: 30px; de top: 31px; achtergrond:fff; grens: X vaste 000; kleur: #; een: geen;} < /stijl ">; wp_enqueue_script (" customizer-a11y ", get_template_directory_uri (). /customizer-a11y js, een.L (),'customize-preview ")," 1 ", waar); ///////om vroegtijdige waarschuwing informatie kan in onze javascript dossier.Wp_localize_script ("customizer-a11y", "", "warningmsg array (" = > esc_html__ (kleur met een waarschuwing.Deel F:% "," "), add_action (}));" customize_preview_init "," mytheme_customizer_live_preview ");,, samengevat, en we dekken slechts een paar voorstellen, maar om op te noemen. nog veel in het bereik van de « plugin » ontwikkelaars om hetzelfde te doen: de vorm, de « plugin ». Om te voorkomen dat de lege label wordt gebruikt, zal de glijder « automatisch aan de optie te gebruiken, als een audio /video uploaden naar de en verbonden met een gewoonte in dit type, een plug - in het rapport ook Upload en de link naar het document,,," ontmoedigen "hier betekent niet dat de afschaffing van de keuze is.Echter, de invloed van het alarm van de gebruikers op de website toegankelijkheid kunnen de lange weg van de gebruiker van het onderwijs en, uiteindelijk, de verbetering van de toegankelijkheid van websites van de middelen.,,, we doen dit op een reeks nuttige middelen en instrumenten, om je te helpen meer te weten te komen over De toegankelijkheid van webinhoud overzicht belangrijker is om je te helpen. Om ervoor te zorgen dat je een plug - in - of thema 's beschikbaar is voor alle gebruikers,., website, de leesbaarheid van de richtsnoeren, webaim "toegankelijkheid" betreft, WordCamp besprekingen, de toegankelijkheid van de praktische wordpress, 布拉姆杜维尼奥, goede gewoonte: 乔多尔森, computer - codering, (andere onderhandelingen kunnen in http: //wordpress gevonden. - etiket //), instrumenten, /«, de controle op de toegang tot: wordpress « T -Je site est de toegankelijkheid van de naleving door de toegankelijkheid van hout io, WP: wordpress « plugin », de oplossing van een aantal gemeenschappelijke toegankelijkheid wordpress, menu 's: wordpress « om ervoor te zorgen dat de menu' s kan worden via het toetsenbord.,, tegenstelling: de berekening van plaats twee kleuren, en het contrast. Om een adres: toegankelijkheid, begeleiding,.,
Deel 6: toegankelijkheid, dan de code van optimale werkwijzen
Previous:Planning en yii2: activa