S04E18 - Accessibility en waarom zijn Japanse websites compleet anders?
57m 48s
In deze aflevering van de Pixel Paranoya Podcast bespreken Rick en Michele verschillende onderwerpen. Allereerst gaat het over de nieuwe gebruikersinterface van Figma, die gefaseerd wordt uitgerold via A/B-testing. De hosts merken aanpassingen op, zoals het opnieuw zichtbaar maken van constraints en het verbeteren van de zichtbaarheid van clipping-instellingen, gebaseerd op gebruikersfeedback. Vervolgens behandelen ze een technische update in Chrome 124, waarbij scrollbare elementen nu standaard focusbaar zijn met het toetsenbord, wat de toegankelijkheid verbetert zonder dat ontwikkelaars extra code hoeven toe te voegen.
Het hoofdonderwerp richt zich op de verschillen tussen Japanse en Europese websites. Japanse sites zijn vaak visueel druk, met veel tekst, kleuren en afbeeldingen. Dit komt door een beperkt aanbod van Japanse lettertypen (die duizenden karakters vereisen), technologische achterstand en culturele factoren. Japanners prefereren "reverse clickbait": ze willen alle informatie upfront om geïnformeerde beslissingen te kunnen nemen, in tegenstelling tot de westerse neiging tot klikbevordering via verrassing. Ten slotte benadrukken de hosts het belang van webtoegankelijkheid voor iedereen, inclusief mensen met tijdelijke of situationele beperkingen, en kondigen ze aan dit onderwerp later verder uit te diepen.
Dus bij hun werkt een hele andere strategie werkgang voor zo. Ja, dus de anti-clickbait, zeg maar. De reverse clickbait is juist wat in Japan gebruiklijk is. Welkom bij de Pixel Paranoya Podcast. Mijn naam is Rick en samen met mijn co-host, Michele, gaan we alles behandelen rondom juw XUI en vronder die velumant. En dit is alweer aflevering. 75. Aflevering, 18 van Suizong 4. Ja, dan om. Het zou zo maar in het laatste aflevering voor het einde van zijn zoeken zijn. Haha, ik ben. Kliffengen. Zo van de stoppen de meen. Nee, dat gaat al door naar de honderd. Dat is al de YouTubers, weet je, van 'I'm gonna quit'. En dan gaat het over iets compleet anders of zo. Ja, precies. - Ja, quit drinking. Zo, daar. Nee, Jack. Laten we beginnen met een site. We hebben twee maindingatrons. De aller eerste, een main waar we het zo'n pteren over gaan hebben is. Waarom zijn Japansse websites anders dan Europese websites? Interest en toegangelijkheid? Ja. Een recap van over toegangelijkheid. Maar we beginnen met een site. Yes. Ik beggin, 'Ierst met een positief iets', denk ik. Nou ja, het is deel's negatief, vind ik, want ik heb nog steeds niet de nieuwe UI in vigma. Ik weet niet waarom. Nou, ik weet nu wel een beetje waarom. Ik had een beetje gekkeken van waar hij blijft houden die ub eten. Ik ben er nu de enige in de wereld die nog niet die nieuwe UI heeft. Maar dat blijkt mee te vallen. Ze doen dus dat werken een soort van 'a,b test'. Hoe ze dat bepaald hebben, weet ik niet. Ik weet niet of basis van wat of wat nou echt gewoon random is of. I don't know. Anyway, sommige mensen hebben de nieuwe UI, nieuwe UI, zoals 'k' en 'ik niet'. Maar ik heb wel even gekeken wat ze al vast aan het fixen zijn. Eene developer designer. Kijk, ja, niet wat ze een rol is. Oh, product designer. Oké, is hij bezig met het UI van vigma? Dat zitten wel geen geningenje in. Wat mij al opviel toen de lanceering was van die nieuwe UI. Is dat ze wat dingen. sort van verborgen hadden of dat zit achter een extra clickje of achter een dingetje. Dat vind ik niet of ik daar heel blij van zo worden. Dat hebben ze naar geluisterd en blijven hebben ze die feedback toch alweer sommige dingen weer een aangepast. Een paar dingenjes, clickcontent. Als je wat dingen hebt die in een frame staan en die buiten de frame staan, want dat weggeknipt gehaald, dat vindt je staat standaard uit. Je moet hem aanzetten, bijvoorbeeld als je een shadow doet. En die wil je laten zien, dan zeggen ze eigenlijk van je moet clickcontent aanzetten, zodat het weten van, "Eee, die moet een shadow omheen." Dat is een flowhidden of nee, ook een flowhip. Klip, zeg maar. Ja, die stomp onder een dropdown. Daar heb je nu weer gewoon netjes een fake jevraag gemaakt. Hij staat nu netjes weer onder de layout-propeties, de wit en height. Was maar nog niet opgevallen, toen wel, en heb ik hem nog gebruikt van de aange en toen stond ze op de plek waar ik me zacht. Dus die heb ik niet gemist. Oké, ening wat mij opviel is, en dat leek me juist heel vervelend, de constraints. Wat je die, als jij niet auto leuidt, dan kun je nog steeds zeggen, "Hee, ik moet altijd en de linken boven kan zitten, of aan de rechter omwekant." "Nah, whatever, of ik moet stretje, whatever." Dat hebben ze verborg, of na een beetje verborgen in die nieuwe UI. En nu heb ze weer een knopje gemaakt, en het komt nu weer wel weer de tussen, in plaats van een apart penalty of zo, wat ze eer staat op de dacht. Nu komt het er wel weer tussen te staan, maar je moet nog wel. Een klikje extra doen dan dat het voorheen was. Oké. Niet auto leuidtgepozitioneerde items. Ja, klopt. Even kijken. Eet je iets met auto leuidt en pixel values? Oh ja, normaal had je in de oude leuid. Er hadden we alle getallen, zeg maar, het breed dus hoog, dus min-with, max-with, allemaal dat soort dingen. Zo'n allemaal bio-kart, right? Dat hebben ze opgesplitst, dus de width en de height van iets dat staat in een apart stukje, zegmentje en de max-with, max-height en dat soort dingen, dat staat meer bij de auto leuid, de properties. En dat was eerst ook weer even anders, dat hebben ze nu weer gefixst dat dat weer zichtbaar was. Er, dat is. Oké. Prima. En. Oh ja, dat was ook een ander dingetje. Je hebt heel veel acties die je kunt doen op een leer, die stond altijd in de oude leuid, gescentreerd boven aan. Masking of je soortgelijke elementen wilde vinden, of je de dev-mode aan wilt zetten, ja. Nou, al die acties die je staan inwege groepert, naast de naam van je frame of je ding wij in zit. Check, want ik was inderdaad, die dev-mode was, die stond er onderin die balken en was dan ook de rechtere kantje. Klopt, vond ik al een suke waar ik dan aan kon vinden, maar. Dus dat is. Dat is ook veranderd, even kijken, wat het was. Wat was het interessant, dus, trons. De nieuwe layout van Vigma wel op bij een ene laptop, niet op mijn andere laptop. Dus het is niet account gebonden. Oh! Ja, er was al 1000 collegaern, als die kwam met. Dat er zijn wat hackjes te doen. Dat is een van de plugin die een bruise kunt installeren, waardoor je de nieuwe jij, UI geforceerd krijgt. Ik heb even een gidsje opgekeken hoe ze dat hebben opgelost, hebben gewoon letelijk zoeken ze in een javiship bestanden en hacken ze. UI Versie 2, of doe de UI Versie 3, in plaats van 2, daarin. En dan heb je de nieuwe layout. Maar er moet wel in de brouwen. - Ja, ja. Wat voor change is waarder ze verder nog? Ja, verder nog wat kleine dingetjes. Library information, dus als je een library gekoppelt hebt, is dat nu wel beter in beeld gebracht. En rulers, dat is nog steeds een wel een dingetje natuurlijk, want we hadden een soort van raamwerkje om je artboard te heen in zo. Met daar ook aan vast de rulers. Maar nu zweeft al die paneltjes. Dus die rulers is een beetje een apart ding als je die aanzet, want dat zitten nog wel soort van in, maar je al je elementjes, al je panels, die gaan naar binnen, zeg maar toe, zodat je wel de rulers eromheen nog zrit. Daar zijn ze nog een beetje met het experimenteren, zoals je ziet. Dus zijn allemaal dingen die mij nog niet. ondanks dat ik al wel de hele week, twee weken, gevicht maat het heb, nog niet zijn opgevallen. Oké, maar misschien. Is dit ook weer. A-B-tests is ook dit weer, dus dat je. Nou, ik weet het niet. - Zou kunnen. Anyway, waar ik wel interessant vond, dus is dat ze dus niet zo maar klaklose live gaan met een hele zoi. Ze testen wel dat werken bij en aantal mensen en kijken ze. hoes snel mensen dingen. Ik heb dingen klikken of ze zoeken of. Ik weet niet. Ik ben wel benieuwd hoe ze dit meten. Maar. Interessant. - Roolers vliegen inderdaad. Of de rulers zitten, zodat ze zin, vast aan je bruiser of. Ja, gewoon aan je. In je window, zeg maar. - In je window, zeg maar. In de daad en je sitebar, die staat daar dus nu rechts van. In plaats van dat roeler rechts van je sitebar. Ja. - Maar ja, dat weet niet. Geweldig en getje altijd daar meest linker. dingen. - Ja, ik het of zo. Ja. Dus dat was mij nog niet opgevallen. Check. Oké, maar ik kon het in duur eens development. Dus nog steeds. - Ja. voor features. - Ja, vig maar. En qua beneden we wel allemaal over gaan op de nieuwe UI. Daar wil die niks over zeggen. Zag ik al zoom, maar. pijn gaat. - Zoom. Zoom. - Oké. Ik had een hele kleine site, namelijk een update in Chrome. Chrome 124. Waarbij zij voor toegankelijkeheid, omdat we toch over toegankelijkeheid hebben. scrollers, op een moment dat jij een div hebt. over whatever je hebt en je kunt daarin scrollen. Dus dat ding heeft een overvloom dat er veel text in zit. Of je hebt een heitconstraint of een wevconstraint. Dus je kunt daar binnen scrollen. Dan kun je die niet standaard is die focusable met je toetsenboard. Dus als jij een. jij hebt een vlak met text. En die zegt dit, he, dit vlakje mag maximaal 200 pixels hoog zijn. Dus je kunt daar voor als binnen scrollen. En je tapt met je toetsenboard door de website heen. Dat is hartstikke leuk, maar je kunt met je toetsenboard niet in die div komen. om vervolgens te scrollen. - Ja. Hoog je geen muis hebben? De omheer om dat op te lossen was eigenlijk om altijd als iets. Eigenlijk als je ergens een overvloom hiddin of overvloomclip. hiddin in de geval op zou zetten. Dan moet je eigenlijk ook een tap index meer eender opzetten. zodat het element tapen is. - Dat was volword. Dat je erin kunt scrollen. Vanafkroma 124.000 hoeft dat niet meer. Alle scrollers zijn bij die valt nu focusable. En wat dan het de dev, zeg maar, die oogbevlood wordt die focusbal? Of dat werkt de. het scrollbaltje. - Nee, nee, nee, de box, zeg maar. waar de box waar de scroller in zit. Zo'n je kunt dus stel je. metje puiltje. - Met je puiltje. Ja, kun je openeren en dan kun je scrollen. Voorheen was het zo dat dat alleen het geval was. De scroller werd alleen focusable op het moment dat die focusable children had. Dus stel je je zou een. uitklapp minuteen en die mag maximaal vier ompleks als hoog zijn. Je kunt in dat minute je kun je scrollen en er zitten nog meer items onder. In dat geval zou de. menuutje wel focusable zijn omdat die focusable children had. Alleen als die geen focusable children had was de scroller niet focusable. En nu dus wel. - Check. Check. - Klai je verbeteringen. Anderbruisers weet ik zo niet. Zodat er verder niet bij. - Nee. Oké. - Maar die zullen vast volgen. Nice. - Nice. Twee sites. - En dan een main. Later beginnen met mijn main. En daarna overgaan naar de toegang verkeid. Een artikel van Miriam Bisch-Bisch-Biegler. Ik heb geen idee, spreek het maar er zijn uit. Die heeft een artikel geschreven over waarom japanse websites. en eigenlijk als hiatisch websites. Nou, zo totaal anders zijn dan Europese websites. Nou, ik denk niet dat wij heel vaak op specifieke japanse of Chinese websites komen, maar vast wel als op een AliExpress, of een T-mu, of andere Chinese webshops. En dan wordt je helemaal dood gehoord met knipperen, de banners en heel veel teksten. En enorm. - Zij zijn vrij druk. Drukken websites, veel verschillende fonts, veel lettertiepens. En dan mag dat ze dingen. Dus zij is als onderzoek gaan doen waarom dat nou zo is. Die asiatisch websites hebben dus nu. En zij heel veel tekst, heel veel vele kleuren, heel veel verschillende fonts. Een heel prakke zoveel mogelijk data tone in één keer. En dat heeft een aantal verschillende reden. Ze hebben namelijk het begin met lettertiepens. Lettertiepens is eigenlijk 0.1. Een lettertiepen voor een lettern font, een westers font, heeft ongeveer 233 karaktes. 840 als je helemaal los gaat met alle letternt-charaktes. Een japanse font heeft tussen de 7 en 16.000 karaktes. Ja, ja, ja, ja. Er zijn vijndig mensen die in hun vrijheidij denken, laden zich een leuk lettertiepens. Letstiepen gaan maken. Voor japanse karaktes. Want dan moet je namelijk heel veel karaktes gaan maken. Ik weet nog iemand die een hand van schreef een lettertiepen wil te maken. Ja, precies. In het japanse. - In het japanse. Dus dan gaat het over giegelbijd zijn. Maar ook dus dat is één. Ze hebben niet zo veel lettertiepekers. Nee. Daarnaast bestaat er geen bald in het japan. Dus ze hebben niet een manier om structuur aan te brengen. Dus ja, ook tussen de onderscheid aan te brengen. Dan heb je ook nog capitalisation, hoofletters. Je zijn er ook niet. Dus je kunt ook niet met hoofletters dingen onderscheiden maken, zeg maar. Interest? Precies, wist ik ook niet. Dus het is heel moeilijk om een hierarchie te creëren. Als je maar. - Maar hoe doe zij iets met. We hebben in HTML haar eentel met H6 bijvoorbeeld. Hebben zij dan iets als herdings? Zijn gebruiken dan wel dingen. Ik heb een haar eentel met H6. Maar dat is dan niet per se. Het is groter. - Groter. Dat zit niet dikker, niet anders. Nee, ja, andere kleur. Maar dus de voorbeelden bekijkt dan zijn het in de data. Ja, de lette-tipen zijn groter. Of hebben er een andere kleur, maar ze zijn. Ja, je hebt geen capitalisation, je hebt geen negen en hoofletters. Dus dat is lastig. Omdat ze dus niet. Ja, ze hebben niet heel veel lette-tipen zomaar te kiezen. Moeten ze dus heel veel doen met plaatjes. Dus als je op heel veel Japans de website kijkt, dan zie je heel veel plaatjes. Waarin ze soms wel westerse lette-tipen gebruiken, om dan maar tekst, zeg maar, interzetten. Ja, en dingen anders te stijlen. Dus alles wordt gestuilt met plaatjes. Die zijn dus ook onscherp vaak. En in het volk had ik al de categorieën van webshops en dat soort dingen. Dus allemaal een eigen plaatje met een eigen kleurtje en eigen font, omdat om een designprogramma daar maar iets zinigs voor te maken. Ja. - Omdat dat op het web niet mogelijk is. Het tweede ding is een beetje technicollt deptachtig. Japan loopt gewoon heel technisch ver achter. Ze hebben recente de floppy-disk afgeschafd. En technisch optechtisch gebied gaat hem hadschapijd. Op de web die velle gebied niet zo hard. En het laatste punt was cultuur. Schijnbaar willen Japanners en asiatisch landen die willen heel graag wel informed decisions maken. Dus die willen alles van tevoren weten. Die dubbel checken alles die gaan niet onbezonder keuze maken. Dus als moet direct duidelijk zijn. Ze heeft een voorbeeld van hoe fumeels van Europese YouTube-videos en japanse video's eruit zien. De Europese, of we bestesen, die zien er allemaal heel klikbeet die uit. Maar waar jij niet weet wat je gaat verwachten, zeg maar. En een grap. En het wilde Japansen juist helemaal vol geprak zijn met alle informatie in de video. Dus dat je precies weet wat je in die video kan verwachten. En dat is. - Het beheun werkt een hele andere strategie werk gaan voor. Ja, de anti-klikbeet, zeg maar. De reverse-klikbeet is juist wat in Japan gebruiklijk is. Ze willen ze veel mogelijk informatie zien. Ze zijn huiverig om sneller beslistingen te maken. Ze zijn bang om foto te maken en ze willen alles dubbel checken. Vandaar dat ook op websites. De staat heel veel text. Alles staat meegaan goed of heel vaak of dubbel uitgelegd. Fume-neels en categorieën van website hebben allemaal superveel text om duidelijk aan te geven. Nou, eigenlijk wat er gaat gebeuren als je erop klikt, of waar je uitkomt als je erop klikt, om te zorgen dat. Ja, dat mensen wel overwoog een keuze kunnen maken om ergens op te klikken. Dus dat voorde ik wel interessant hoe dat is. Zeker gijner. Maar wat ik zit dus nu even op zo'n een van die voorbeelden die ze dan geven. Rakuten is dit voor als mij. Pauli, Moody, al. Hier zou ik helemaal gek van worden als je dit in. Als wij dit hadden, zeg maar. Het zijn overal. Het zijn soort. Je hebt zo'n. Ik ben even die naam van die drukken straat in Tokyo kwijt. Met allemaal reclame boeren, weet je wel. Dat is hoe die website er ook uitziet. Je wordt heel wakrek. Ja, nee, dat is wel. Alles, ik zit ook even een beetje te kijken. Maar in de derde, alles zijn plaatjes. En. Oh, man. Dat hebben ze veel te meegenismen. En ik denk dat ze een andere. Of ze zo tapen. Nee, na figratie hebben ze gemaakt. Ook die kopjes daarvan, allemaal plaatjes. Ja. Alles is. Alles is plaatjes. Je moet hier. Ik ben wel benieuwd wat de pagepeeds is koren van zo website is. Oh, joe, joe. Nou, waar ik daar zo nog wel te zeggen. Is in het designveeld, even in het algemeen, wordt er veel gekeken naar asiatische wereld, ook wel Japansen invloeden. Want die hebben natuurlijk altijd een beetje. Alles is heel rustig, heel zen en weetje wel een heel. Spacing. En ik heb als. Vroeger ook wel eens. Ik dacht van, ah, ik wil eens wel eens een. Een ander design wil ik gaan inzetten. Laat ik eens naar wat asiatisch website geeft. Maar dat krijg je gewoon. Nee, dat is gewoon geen inspiratie uit te halen uit die website. Dat is gewoon echt als je of wij 20 jaar terug in de tijd gaan. Dat is gewoon. Zo was het zo on worst website, zeg maar, wat je vroeger dat iedereen. Dat die in 1999 zelfs zo'n website had gemaakt, maar ook knipperen de giftbanners en shit. Dat is een beetje hoe het er gewoon uit ziet. Alles is blaadje. Maar wat wel geidig is dus, wat wij die doen in het westen. is wat tegenwoordelijk bijvoorbeeld heel hip is, is met al die starpsize. Die gebruiken de zogenaamde bento layout. En bento is zeg maar een Japans bakje met allei kleine gerechtjes en hapjes. Dat zit heel mooi gestuctureerd in. En dat is wat wij nu heel fanciën vinden. Dat is een hele coole layout. Alle statistieken, Apple gebruikt het in hun kie. Ja, precies. Een beetje zo'n meest eneryachtig geleden. Ja, exact. Dat ja. En dat is wel grijd dat. Bakker, wij dan weer in onze designs. Dat ziet allemaal heel clean en superstrak uit dat we kijken naar huw-wesse sites. Dat is gewoon total die dat, zeg maar. Ik vind het echt heel grijd. Interesting. Ik zal me link in de description zetten dan kun je eens kijken naar. Ik ben wel m'n nieuw, zeg. Stel je wil emigeren naar Japan. En ik wil daar als wet die zij er aan de bak gaan, zeg maar. Ik heb altijd achtergracht als op kutsheid te werken. Ik heb twee oud-colleghassen. Een keer die woont hem in als ik denk, al wel 10 jaar in Japan die is verhuisterd. Die werkt voor een IT-bedrijf in Japan. Dus ik kan hem eens vragen hoe zij een verhaaring is met Japansse websites. Ja. Ja, geen. Oké. Andere main, toegankelijkheid. Dat is een beetje een IT van Japansse websites die niet echt toegankelijk zijn. Ja. Misschien als ze bij alle plaatjes al teksten toevoegen. En je dus wel weet waar je op gaat klikken. Ja. Ja, je wil de. Ja, ik wil daar wat om te vertellen toegankelijkheid doen. Ja, want we first, maar hebben helemaal in begin van de podcast. Hebben we wel eens wat over toegankelijkheid groepen. We hebben ook eens een keer een update gegeven rondom week 8, 2 en 2 natuurlijk die uitkwam. Dus daar hebben we iedereen wel van in de. afgeubdeten gehouden. Maar goed, ik merk zelf aan mezelf als ik aftoe wat mensen praten. Zoms hebben we geen idee wat het nou allemaal precies ingoot. En welke websites moeten we wel voldoen aan toegankelijkheid en welke niet. En wat voor wetgeving is de nou en hoe zit dat nou in elkaar. Dus ik wil niet per se helemaal diep ingaan op alle week a groes, want dat zijn er nog wel wat. Maar meer een beetje van, hei, ik moet wat voor een klant doen. En die zit misschien in een bepaalde brand, misschien is de straks overheid. En nou, waar moet dat eigenlijk aan voldoen en waar we ook aan het bletten? Dus daar wil ook een beetje op inzoemen. Nou, laten we eerst beginnen toegankelijkheid. Waar hebben we dan over in heel al gemeen is dat we gewoon software. Toegankelijk willen maken voor iedereen. Dus ook als je een beperking hebt. Dus maak je uit wat voor beperking hebt, maar jij zou eigenlijk in de website of een stukje software of een app gewoon moeten kunnen bedienen. Met eftedewill. - Of welke minier dan ook? Ja, welke minier dan ook. Misschien heb je daar tools voor. Een voiceover die dingen voorkomt, of heb jij een prije machine die wij dingen mee in kan ticken. Nou, het zijn al die verschillende tools. En die moeten overweg kunnen met alle websites die wij creëren. Dan omgelijk dan een misconceptie uit de weg te ruimen. Vaak is de aanhame toegankelijkheid mensen met een beperking. Dink aan Steven Hawking. Ja, anders in een rolstool die bij wij ze van zijn handen niet kan gebruiken. Dat is niet het geval. Under een beperking, je hebt drie gradaties beperking. Je hebt een aangeboren beperking. Je hebt een tijdelijke beperking. Je hebt een situatie gebonden beperking. Een aangeboren beperking, dat zegt het al. Een tijdelijke beperking kan zijn als jij je arm breekt. Dus je kunt je muis niet bedienen gedurende bepaalde periode. Dan wil je het toch fijn als je dat formulier kunt in de vullen doorheven op je taptoetst te drukken door naar het volgende vel te gaan. En dan is het fijn als je kunt zien welk veld je dan invullen. En dat je die video even kunt pauzeren door op spatie te drukken. Ja, omdat je je muis niet hebt of je muis niet kunt gebruiken. Of je hebt een kind op je arm, dus je kunt iets niet doen. Ik noem aan wat. Dat is trouwens een situatie gebonden beperking. Op een moment je zit in de trein, je hebt slecht internet. Wauw fijn zijn als je niet die 4K video volgenschool tot krijgt. Het contrast staat in de zon. De zon schijnt op je schermen. Het contrast voldoende is in je ook façoele kunt lezen wat er in beeld staat onder. Dat er een beetje een flexie in beeld is. Dat zijn situatie gebonden beperkingen. Dus eigenlijk is het toegankelijkheid. Als je het helemaal plat slaat, is het eigenlijk gewoon. Voor iedereen. Is het voor iedereen? Dat is één. Ja, en is het in de basis gewoon goed codeeren? Daar ben je eigenlijk al een groot deel af, maar dat gaan we het zo in de tijd. Ja, over. Ja, zeker. Dus. En nou, als we dan software, websites, dingen willen bouwen, apps. Dan zijn er bijvoorbeeld guidelines. En de organisatie die ook onder andere HTML heeft. Alleyguidesleidsheurbsgeef voor CSS enzovoort. Daar is ook een organisatie die heeft WCRG. Elf het geilijs zijn ook die het WCRG. En daarin staat beschreven eigenlijk in stuk of 50 guidelines. waarin de website aan zal moeten voldoen, wil je hij toegankelijk zijn. En dat is een drie-niveau's. Dat is namelijk A, Dull A en Triple A. En die niveau's je geven eigenlijk aan in hoeveerden wil je gaan om het toegankelijk te maken, zeg maar. En die guidelines zijn eigenlijk gemaakt op via het al gebieden. Of categorieen, ja, geeft het een naam. En eerste stand zie je waar neembaar, het moet bedienbaar zijn, het moet begrijpelijk zijn. en het moet er robuus zijn. Dus dat zijn, zeg maar, hoe ze die guidelines hebben opgesteld. En we gaan niet in detail in al die guidelines, maar dat is wel belangrijk om te weten dat dat guidelines voor zijn. Dus als jij straks aan de slag gaat in een gaat de website bouwen, dan zou je die guidelines erbij kunnen pakken. en die aan het meenemen in alles wat je creëert. Nou, wat we net al aagaven, waarom is het belangrijk? Die groep aan met permanenten beperken je. Is ook al best wel groot. Dat zijn één op de vier Nederlanders, dus dat is echt best wel veel. En dat moet je dus denken aan mensen die bijvoorbeeld ook slechts zien zijn, bijvoorbeeld een bril nodig hebben. Of mensen met ADHD. Of nou, noemen we maar op. In de daad, iedereen zit een beetje aan de. iedereen die in een rolstool of blind is, of doof is. Dat zijn natuurlijk. die zijn er, daar die van, en dat zijn best wel extremen ook. Maar die groep is best wel groot dus. Ja, klopt. Ja, wat je zegt, je kunt doof zijn blind zijn, kleuren blind zijn. Ook niet, denk ik. Ook een groeie op een groot percentage. Lager lettert. Nou, noemen we maar op. Dat zijn de groep is best wel groot. Ja. Ja. Dus, ja, het is ook wel echt van belang dat we hier mee bezig zijn. Nou, is er een groep aan een website, die hier wettelijk ook aan moet voldoen? Nou, zou je eigenlijk kunnen zeggen van eigenlijk, zou het mooi zijn als iedereen hier gewoon stammen met bezig is. Ik denk er een heel goed uitgangspunt, maar dat is ook wettelijk wat dingen opgeschreven waren en bepaalde websen zijn moet voldoen. Nou, de overheid is al sinds 2018 moet ze die eigenlijk over prijs zijn. Dus alles wat de overheid creëert aan websites, apps, interneten, mobiele hybride apps, moet eigenlijk voldoen aan de weekach 2.1 AA. En ja, wat als ze daar nou niet aan voldoen? Ja, dan is er niet iets als een poet er voor de overheid, want dus een beetje broekzakvesak, dus dat zou een beetje ontzien zijn. Maar je wordt wel een beetje aan de gampau hangen. Ja, ze hebben, ja, er is inderdaad een comité, wil ik niet zeggen, maar er is een dashboard gemaakt. De Dictitogangelijkheid dashboard, daarop alle websites van de overheid staan. Ben je niet over het vanuit de overheid gemaakt is, of dat het ontstaan is vanuit mensen die dus onvreden hadden over omdat ze er niks, omdat er geen inzicht was. Maar er is nu een dashboard waarop alle websites van de overheid staan, waarop je dus kunt zien welke websites wel voldoen, welke websites niet voldoen, welke websites nog niet gecontroleerd zijn. En welke websites, ja, valen, waarom niet dan valen. Dat staat ook tijd, dat staat ook door deadlines of timelines bij waarin ze verwachten op al de punten wel op te lossen. Ja, ja, klopt. Dus dus die hele set aan overheid, websites die moeten er aan voldoen. Maar hoe ze er dan met de rest? Nou, toevallig is er in 2022 in de Europese Unie. Is er een nieuwe reglijn in het leven groepen? Dit hebben ook al een keer behandeld in de podcast. Nämelijk de European Accessibility Act. En eigenlijk in die reglijnen staat een bredere set aan instanties bedrijven die hier ook aan zouden moeten voldoen. En waarom hebben ze dat gedaan? Nou tegenwoordig in de maskepij gebuikken wij heel veel digitale dienst natuurlijk om ons leven naar gewoon te doen. Ik denk aan. Katjeskope, tickting, we willen ook per verboer gebruiken, we willen gebruiken van social media, banken, verzekers, noem maar op. Spaltjevaar, je Netflix, je telefoonabonement, eigenlijk alles om je dagelijks te leven te kunnen runnen. Ja, dus dat is best wel belangrijk. En eigenlijk is dat een heel goed streven dus om daarvan ook te zeggen van, die moeten gewoon toegankelijk zijn, want daar leuren we als maatschappij op. Dus die hebben een stel guidelines daarvoor opgesteld. En eigenlijk volgt die wel een beetje diezelfde guidelines dat dat overheid alwijn moet voldoen. De EU heeft gezegd van dat de lidstaten hierop moeten handen hebben vanaf 28 uur die 2025, dus dat is volgend jaar. En dan wordt er dus dat werkelijk na partijen gekeken om te kijken of ze toegankelijk zijn. Nou, is de vraag van leuk en aardig, we hebben een overheid die we moeten doen en we hebben dan straks een aantal organisaties niet moeten doen. Maar wie gaat dit checken? Maar wie gaat het controleren of deze bedrijven ook toegankelijk zijn? En hoe doe je dat? Nou, wat wel geinig is en dat toen ik dit voor het eerst allemaal last en bekend mee west is dus eigenlijk mag iedereen een aardit uitvoeren. Gewoon jij en ik mogen gewoon een aardit doen en mogen gewoon een testje uitvoeren. Tessje? Tussen haar kies, tussen kostel wat even tijd. Maar zelf niet uit schrijven. Nou, dat niet. Maar je mag wel een aardit uitvoeren. En daar mag je rapidatie van maken en hij mag je indien bijvoorbeeld in die, we hadden net over die gittegogenkig, die er dus een dashboard gemaakt en daar mag je zo'n rapidatie invoeren. Maar daar mag niet zo maar. Daar hangen wel wat regeltjes, wat spelregels daar vast. Wat ze namelijk hebben aangeven is, er is een weekach EM-methoden, dat is een rapportage-methoden. En dat beschrijft eigenlijk van, hey, je moet bijvoorbeeld een aantal pagnars pakken. Ja, een allemaal verschillende soorten pagnars die je wilt testen. Dus het is niet zo van, nou, ik heb mijn website gemaakt, ik ga alleen de homepacetesten en dan ben ik klaar. Nee, het is een grotere set die je moet testen. En je moet alle 50 punten uit de weekach testen. En die moeten er allemaal, ving, ving, ving, ving. Dan moeten allemaal verdoen. En je moet bijvoorbeeld een aangeven van, hey, als je wel wat gevonden hebt, wat heb je dan gevonden en waarom is dat dan fout en, nou, wanneer is er voor? En wé, ga je het oplossen. Dus dat is special, ja, uitgebreid. Kost ik wel even wat tijd om zo'n adit te doen. En, wat is het deze adit, die doe je omdat je zelf wil slagen. Of ga je deze doen bij je concurrenten om hun, aan bootaat te naaien. Nou ja, dat, dat ding je niet. Ik weet trouwens niet, want ik heb het net, ik zei net, over digi toegankelijk. Dat is natuurlijk het dashboard voor overrij website's. Ik weet niet, dat is, dat is volgens mij ook nog niet helemaal bekend. Waar je dit moet indien je voor commerciale bedrijven. Of dat je dit helemaal niet erg eens kunt indienen. Want dat is nog even een, een diper slag, die, die, die, de adits die je inleven, die worden ook gecontreren. Staceproof gewijs. Want het is natuurlijk niet zo dat, ja, leuk dat iedereen een adit kan doen, maar ik moet natuurlijk wel aan een bepaalde voorwaarde vonden, die ik net zei. En dat wordt gecontroteerd worden af en toe. En bij de overheid doet de organisatie logisch dat. Logisch dus onder andere ook de, de maken van digi de. En zij zijn verantwoordig gesteld om steeksproes geweest, dus de audits te bekijken om te kijken of 'hé, is dit wel netjes gedaan? Heb je in het daad aller-eisend bij langs geweest?' Is er een groot genoeg set gecontroleerd etc. Logie is gaat dat niet doen voor straks voor die commerciale partijen, dus die geidlines gaan dat niet doen. Daar hebben ze eigenlijk van gezegd dat gaat de AGM doen. Dus de AGM is straks verantwoordelijk om te checken of die commerciale partijen toegankelijk zijn. Maar er zitten daar tien mensen op controle die denken, nou, ze hebben ze een aanzegroen. Zeevekijk, robotstofzuiger. Nou, tien webshops erbij, laten we vandaag beesten wat testen gaan uitvoer op deze shops. Nou, gevaald. Nou, zeevekijk, wat zouden hun omzet zijn? Even kijken, bij het KVK. Ja, even naar boete. Ja, dat is een goede vraag van hoe gaat dat in zijn werk? En wat iedereen een beetje aangeeft is, het schat een beetje lijkt op de GDPR natuurlijk. Dus die wetgeven die we hadden rondom cookiewet. Wat je daar ziet is overalgemeen waar de eerste groot partijen gecontroleerd en aangepakt. Die krijgen de fixe booten zo ook, want die maken al helemaal heel veel omzet. Dus een Apple, een Facebook, een Microsoft die gaalige grote klappen krijgen als ze niet voldoen aan die wetgeving. Die krijgen dus ook een booten van maximaal 4% van een wereldwijde jaaromzet. Dus dat is. Forst. En wat ze daarmee eigenlijk willen bereiken, want je kunt natuurlijk niet elke bakker om de hoekstags gaan controleren of ze wel toegangen zijn. Is dat daar iedereen daar van schrikt van, oh, ik moet wel aan de bak wel anders heb ik stags ook een booten. Maar iedereen komt te leren, gaat het niet worden? Of even in te haken, die heb dus volgend jaar in Curlie, gaat dus die European Accessibility Act in. Wat in houdt dat alle websites die dus nodig zijn voor het dagelijks leven, toegankelijk moeten zijn. Nou, is er wel een uitzondering dat als je een bedrijf hebt met minder dan 10 medewerkers of minder dan 2 miljoen omzet per jaar, dan hoeveel je daar niet aan te voldoen. Dus de brijving goal en de bakker, dan de hele goede bakker heb je heel goed. Dan moet je er wel af doen, maar die vallen af. Maar jij, nou, weet ik veel, een media en een website. Goed bloed. Goed bloed. Goed bloed shop, je runt of go. Go Blue Band, de media, Mark, dan he, maar weet ik veel, je neem het. Die moeten dat, die moeten dat dus allemaal wel in de dat aan voldoen. Er zit er zo nog weer wat haken en ogen aan van het gaat om nieuwe producten. Die worden gehoordziert, wat nieuwe producten. Nou, volgens de regels, de even de Accessibility Partijen, die heeft een Q&E online geplaatst. Zij zeggen, als je de regels erop na leest, dan zou je inhouden dat het alles software updates of changes aan een pagina worden gezien als een vernieuwing. Dus het houdt niet in dat de hele website te gangelijkheid hebben. Maar als jij een pagina zou update op je website, dan zou dat als nieuwe konden nog gezien. En dan zou je een pagina wel toegankelijk moeten zijn. Ja, het is een beetje lastig als je hele benieuwd kan, niet toegankelijk is. En dan, dus, er zijn nog wat haken, ogen en vragen. Hoe dat dan. Ja, ik heb ook al gezien dat sommige lidstaten die gaan een soort van. Ja, en hoe is dat een soort cool down-period of een soort van warm up-perioden, waarin ze gezegd worden verhei. De website is niet toegankelijk, maar je moet het nu binnen vier effects anders krijgen als nog die booten. En de dat verschil er wel een beetje volgens mij per lidstaten, hoe dat opgelost wordt. Ik weet niet wat Nederland gaat doen, ik kan daar niks over vinden. Ik zag wel, maar ik was een beetje aan het zoeken naar. Europeelian accessibility act en then fines ofzo, weet je wel. En ik zag wel dat in Nederland zijn de banke, die zijn hier altijd druk mee bezig. Dat is al een precietatie tegenzellend. Maar vanaf, oh vracht, we moeten aan de banke, wat altijd zijn we de booten straks. Ja, precies, dat is al een gegeven moment. Ja, zeker. Dus in Nederland de grote partijden, wat van heelzijdde. de co-bloes, de media markt, de heemmaast, maar ook de banke, de iingeden, de abiens, de rabos. Die moeten eigenlijk gewoon in de bak met dit. Als ze dat al niet, als ze al niet dan voldoen, dat weet ik natuurlijk niet. Dus ja, dus dat is wel interessant. En wat ik nou zou, die mag dan al dit doen, mag je elke piekje henkeen die mag dat? Ja, en hoeveel ik dat geen zetificat hebben, ofzo. Nou ja, in principe niet, in principe of je geen zetificat hebben. Je mag een ade doen. Maar dat moet er wel in die regels voldoen. En om die regels te voldoen, moet je natuurlijk wel de weekacht bijvoorbeeld goed kennen. Die 50 eisen goed kennen. En ook hoe je ze toepaar, zeg maar, anders kun je ze niet testen. Nee, dus dat zijn geautomatiseerde checklist, zeg maar. Er zijn een aantal dingen die programmaties kunt controleren. En er zijn een aantal dingen die je met de hand moet checken, omdat ze programmaties wel echt goed staan, maar niet het werkelijk toegankelijk zijn of op de juiste manier geïnplementeerd zijn. Dus je moet wel weten wat je doet in de naam. Ja, zeker. Dus het is ook niet PC heel easy. En wat er ook nog zo is, het kan ook best wel groot worden, zeg maar. Want test je bijvoorbeeld alleen maar, ik ben met een betijbezig. Ik noem maar wat bij ING, test je dat alleen met de website. Nee, je moet ook de app testen. Je moet ook internaar applicaties testen waar mensen mee bezig zijn. En het set wordt best wel snel groot, zeg maar, die je moet testen. Dus die adets die kunnen, ja, pittig worden, zeg maar, om het allemaal te doen. En nog even terugkomen op die zetificering. Er is een partij, een internationale partij, die wel zetificering heeft ontwikkeld. Ze zijn dus niet verplicht om ze doen. Maar er zijn in enkele gaten in hoeken in de wereld waar dit wel gevraagd wordt. Omdat, ja, dat is een pittige cursus die om die zetificering te halen. En nou, dat heb je wel een stapje voor me, denk ik. Die partij die heeft de IAAP of the International Association of Accessibility Professionals. Helemaal het vol. En die heeft een broerde set op zetificering een ontwikkeld. En alij op verschillende flakken. Dus één gaat meer op het digitale in bijvoorbeeld. Hoe maak je het web accessible? Maar ik zag dat ze ook een zetificering hadden bijvoorbeeld ook met over content, bijvoorbeeld specifiek voor PDFs, want dat is bij een wereld-opseeg. Ja. Ik zag meer ook accessibility in het algemeen. Dus dat zou misschien wel gaan over offline in gebouwen en hoe ga je daarmee om en dan een beetje hoog over. Dus hebben al die type gebieden zetificeringen? En we hebben er twee alens een keer dan een beetje naar gekeken. Dat zijn pittige. Toest wel, ja, ook de aalmat-setificat te halen. Moet je al jaren ervaring hebben en werkt allemaal maar ook om te behouden. Moet je nou haast een voldoien baan aan het. Ja, ondersteunen van organisaties, geven van presentaties, het meehelpaan, het schrijven van specs. Alltijd zou ik dat zo denk ik, punten mee verdienen. Je moet ik ze aan het punten halen om je zetificatie te vernieuwen. Iedere zoveel jaar, twee jaar, drie jaar. Ja, dat is nog wel een vak apart zeg maar. Dat doe je wel echt heel werkelijkheid. Alleen dat ook. Ik denk dat het ook wel een focus is. Ik denk dat heel interessant kan zijn als je een soort van accessibility expert wil worden en ook op die manier ingehuurd wil worden. En dat je alleen maar voeltwijn dit doet. Ja, dan zou ik dit zeker naar kijken. Ik denk dat het anders als je dit even voor de bij is, is het te pittig. Zou ik zet. Maar wel interessant om naar te kijken. Ik zou wel hem ook even in de shownode zetten. Ja. En jij stitten net wel even aan. Het testen van. Ja, ik toevallig. Nou, niet heel toevallig, maar ook wel weer wel toevallig. Want ik vind het reuze interessant. Dus ik de IAAP-certificatie was mij iets te gordig. Dus ik dacht wat ga ik al wel voor certificatieering, ahalen of cursus doen. De We3, dat is het World Wide Web Consortium We3C. Dus schrijvers van de Wekag of de guidelines. We hebben net over hebben gehad waar je website en app aan moet voldoen. Die hebben een gratis. Ja, ja, gratis. Een gratis accessibility foundation scores. Ik zal dat link in de description zetten. Het is een online learning, zeg maar. Het bestaat uit 5 onderdelen met daaronder verschillende hoofdstukken. Het gaat in de basis van toegangelijkheid en niet het zozeerde technische stuk, maar meer waar we net over hebben gehad. Wat is toegang? Ja. Aan wat voor mensen moet je dan denken? Er zitten video's in van blinden mensen, video's van mensen die met zo'n ritje hun toetsen worden bedienen. Er zitten mensen in. En dan zijn we wel allemaal experts die mensen, waar ik net over had, die burglijden, ook video's door die cores heen, zeg maar. En die werken bij het W3 aan die spekse dat soort dingen. Dat is een reus interessant. Maar die onderdelen gaan in op de basis van toegangelijkheid, waar je aan moet denken, wie je er meehelpt, allemaal van dat soort dingen. Dus die is gratis. Je kunt uiteindelijk als je dan krijgt ook vragen tussen door en aan het einde van ieder hoofdstuk krijg je ook graded vragen of het vragen niet telem voor een eindscoren. Niet heel spannend, maar onderzoek dat ik dacht dat ik best wel veel van wist, zijn er toch best wel wat algemeen ken is en dingen voor een keer. Oh ja, dat is ook mensen die daarmee helpen als je dat op die of de zusmanier oplost. Dus zeker het aardade waard, ik denk dat ik er in totaal een 15 uur mee bezig ben geweest of zo. Die kunnen het in los onderdelen doen in ieder tijd verhebt. Het zijn voornaamde video's waar je naar kijkt, stukjes teks die je lees te dan moet je wat vragen beantwoorden. Dus dat is zeker een aardade. Om dan nog één klein technische verdieping te doen op het verhaalwaad, wat we net hebben verteld, is de toegangelijkheid waar uitzicht dan in de basis, dus als je een easy check zou willen doen op een website, je moet zelf een website maken en ik het ga, ik heb daar helemaal geen verstand van waar moet je dan eigenlijk opletten. Nou, het begin, de basis is eigenlijk het vierde onderdeel van de week aangebust. Of er wel je HTML moet semanties gewoon correct zijn. Dus je moet niet alleen maar difts gebruiken om je hele website te stijlen, je moet de juiste landmarks zoals die dingen heeten, dus de HTML 5 elementen. Dus je hebt de main, je hebt een header, je hebt een footer, je hebt een site, je hebt de artikel, ze hebt, allemaal van dat soort elementen. Die moet je gebruiken op de juiste plekken. Dat zorgt er namelijk voor dat je op website goed gestructuriert is. Je moet eigenlijk zien als een soort boek met een hoofdstuk in deelings zeg maar. Als je website zou graven, of ja, ja, als je in houdt op graven, als je de stiling namelijk uitzet en voor je zou dat eigenlijk wat een screenreader doet, die leest gewoon de bronkoden van je website door en als je daar de juiste landmarks die als de HTML elementen hebt gebruikt, dan komen die naar voren in een soort overzicht voor namens met een screenreader of wat voor andere programma dan ook. Ik kurde ze makkelijk een in het readuistekomte en te springen. En dan volledig een veel keurige volgorde. Alt teksten bij afbeeldingen is belangrijk niet alleen voor screenreaders. Een alt teksten alternatieve teksten bij een afbeelding is handig, want op het moment dat de afbeeldingen die doet, dan krijgt iedereen die tekst te zien. Dus dan weet je ook wat daarvoor plaatje zou moeten staan. Mocht dat belangrijk zijn. Voor CEO is het handig, want Google heeft een beter beeld van wat er op die pagina zich afspield en wat er in die afbeelding te zien is. Nee, het heeft geen zin om een vol te proppen met COTECs, want dat snapt Google. Ook wel dat dat geen lopende zin is. En voor mensen met een screenreader is het handig, want die krijgen context bij tekst, die wordt volgelezen op de pagina. Dus dan weet je wat voor plaatje daar hoort te staan. Ook al is het een plaatje van twee mensen die elkaar high five of iets dergelijkst, dat geeft toch een bepaald zwer aan een artikel die je, als je het kunt zien, toch iets bijdraagt. En dat is ook fijn als je hem volgelezen krijgt. Tweede niet heel belangrijk, eigenlijk best wel simpel. De page title, dat is de titel van de pagina die boven je adresbalk komt te staan. Die moet je goed upteten. Dus als jij een webshop hebt met five stappen in je winkelwagen, dan moet je niet al die five stappen afrekende noemen. Want dan heb je boven je adresbalk alleen maar afrekende staten. Weet je niet, welke stappen je bent. Of je middere tappen open hebben staan. Dat is handig. Trug naar het stukje structuur met die landmarks. We hebben net over hadden. Dan heb je headings. Je moet gewoon de juiste headings elementen gebruiken om je pagina te structureren. Een website heeft één headings, één om een pagina met middere headings twee's. En de onderweg ligt headings drie's. En als het heel gek gaat, headings vier's, five en zes heb ik zelf nog nooit gebruikt. Want dan moet je de content wel heel erg diep nesten. Je moet dus voorkomen dat je content bold een groot gaat maken en dan daarvoor headings gaat gebruiken. Want dat is wat je vaak ziet. Vooral in CMS'en van, oh ik wil hier even een dikke groot, die titelboven. Komt je. Ja, kompje. Ja. Mitten maar een headings style op. Oh, doe maar. Oh, headings vier is wel mooi, wat ik zoek. Het is wel die volgorde niet klopt. Ook hier geldt een screenreader en andere toegankelijke en ook Google. Die strippen je op website van alle styling en wat er dan over blijft is gewoon een witte pagina met zwarte tekst. En dan zit de titels tussen. Een screenreader maakt daar van een soort inhouds opgave net als voor in een boek. Dat is eigenlijk waar je aan moet denken als je je pagina opboudt van gewoon is het een logisch volgorde. Dit is de titel van het hoofdstuk. Wat zijn dan de grote onderdelen daaronder en wat zijn nog weer subonderdelen? Dat kun je makkelijk naar het juist onderdeel te springen. Ja, waar ik daar dan van goed is. Om mensen meer nog een beetje in beel te geven in Wordwakten net zo bijvoorbeeld. Dus als je je kop 1 gebruikt zeg maar, dan weet je, dit is een hoofdstuk en hoofdtitel van een pagina zeg maar. En als je een inhouds opgave maakt in Word, dan u hebt dit die ook allemaal die titels zet die. En als je daar onderin kop 2, kop 3 hebt zet, dat is exact hetzelfde zeg maar. En dat is hoe die screenreaders dus ook in het daad zo'n inhouds opgave eigenlijk bij elkaar rappen met al die verschillende heringlevels. Ja, als je een performant ding aan een contact pagina, dan zou de hering 1 is contact. Ja. En de hering 2 zou kunnen zijn over ons locatie, contact, dat soort dingen. En daaronder zou je bijvoorbeeld nog route beschrijving onder iets kunnen zet als hering 3 van een hering 2. Dus hering is belangrijk. Contrast is iets wat vaak wordt gemist, ook heel basic. Je moet geen gele tekst gebruiken op een witte achtergrond of gele knoppen met wit en tekst, want dat is niet contrasteerd, niet oranje trouwens net zo. Zo zijn er genoeg combinatie te verzinnen. Contrast, moet je bletten, heb je genoeg toetjes voor in je bruiser of op Windows of op je Mac die je kunt gebruiken of in je designprogramma en vigma, een contrast, een controles te doen. Zeker. Een skip link toevoegen is ook een belangrijk en ook een vereiste van de weekag op moment dat jij je website bedient met je toetsenbord in je druk top tap dan zo je als het goed gestuil is, zo je zien waar je focus op de website is. Dus je kunt goed zien. Nou, als je op enter zou drukken wat je op dat moment gaat activeren. Het is alleen heel erg vervelend als je met je toetsenbord 40 keer op tap moet drukken omdat je door het hele hoofdmen nu heen moet. En daar moet je nog een sub met je heen en dan past kom je daar werk bij de knop op de pagina om iets te kunnen doen. Nou, daarvoor hebben ze een skip link uitgevonden. Dat is een letselig gewoon een butten die zet je als eerste element in jouw HTML. Dus body open je en dan zet je er een butten in en wat die butten doet. Is daarmee link jij naar een ID, dan je pagina gewoon otschool HTML anchor. Wat inhalte dat als iemand. Dus begint met tab op de website. Er is een knop in beeld verschijnt vaak bovenin met "Hey skip naar de maincontent". En dat kun je ze gek maken als je wil je kunt ook als je meerder een belangrijke onderdeel op je pagina hebt naar verschillende onderdeelen direct tabben. Nou als mensen dat te horen krijgen of de lezen dat in zijn druk op enter dan springt de focus direct naar het juiste onderdeel en hoe je niet te akkoest door het hele menubal heen te tabben. Nee, als je dus super simpel dit wil doen. Je zet een boven in de HTML. Nou heel hoogst verschijnen ik heb je dan een herre element waar je naver gaat zien zit en dan heb je je main. Dus je zou op je main een ID kunnen zetten. En je gaat eigenlijk direct naar de inhoud. Ja precies. En dan slijn heel onderdeelen, slij je over. Ja, wat ik dat zei, focusstiling moet duidelijk zijn. Die moet gewoon als je op tap druk goed duidelijk hebben waar je focus op dat moment is. En de laatste twee zijn captions niet. En dus niet outline non? Geen outline non, nee dat is, dat mag niet. Dat is uit dan boze. Dat moet je niet doen. Captions bij videos zijn belangrijk ondertitels bij video's dus heeft ook iedereen baard bij. Fast zoals ik hier in de trein gezeten dat je geen ooitjes bij je had toch die video wilde kijken. Dat is het dröuse, fijne zo ondertiteling bij zit. We willen video afspelen bij geen geluid kunt afspelen of je verstaat de tal u behalt niet. Stel je kijkt. Het heeft weer vrijes lang. Je wilt toch graag onthiteling erbij hebben. Nou, superhandig. En de laatste is formulieren of de formulieren goed gekoppeld zijn. Dus als je formuliervelden hebt, dan hebben die een label die staat er vaak boven of de naast, voornamelachternaam, etc. Die moet er ook eigenlijk gekoppeld zijn. Als die niet aan elkaar gekoppeld zijn met HTML voor attributen, dan heeft een scrimderie er en ook Google in iedereen die weet niet dat dat veld wat er boven staat. We zien visueel heel mooi dat er een veld boven staat waarin staat achternaam. Maar als ze programmaties niet aan elkaar gekoppeld zijn, dan wordt het volgeleazig als veld. En dan heb je geen idee welk veld jan het in Vullenbent. Dus dat zijn eigenlijk de basis. Het zal het zijn. 10 onderdelen van de weekach bijen. Nou, eigenlijk moet letten als je of een check wil gaan doen of een website aan maken bent. Ja, en als vertalt zich dan nog weer in veel dieper gelegen technische onderdelen. Maar die kun je zeker vinden in de weekach. Nou, volgens mij heb het dan wel gekoffeld voor ons mij. Dus dat is een beetje de weekach waarom, hoe, wie, manier, wakkewet, wakkewet, wakkewet, geving en hoe test je het. Dus. interesting. Inderdaad. Dan gaan we door naar een voet er. Want wij lopen wel weer mooi in het tijd. Zeker. Jij hebt een plugin. Ja, ik heb een. Ja, compleet, nutterlose plugin, maar erg leuk. Het heet de buttonstieler. En het is een plugin die je in een Chrome of in Arc kunt installeren. En misschien ook wel in Edgestraus. Nee, Edge gebruikt niet de. Nee, die gebruikt niet de Chrome. Ja, wel, dat is waar. Dat is wel heel een stort. Dat is wel. Dat zou het wel zien. Nou, dat zou het daarvan zien. Nee, vijf vakzien van niet. Maar in ieder geval daar is het in te vinden. Wat deze plugin doet, super stuit, maar je hebt op alle websites heb je codese ex-enknoppen. En deze plugin verzamelt alle knoppen op alle websites waar jij ooit geweest bent. Dit slaat je taal op in local storage, gaat niet naar het internet of zo, het is niet in de cloud, whatever. En ja, verder negier, gewoon, verder, dat ding. En gelang beweg de tijd verzamelt die steeds meer knopjes. En dat zet je in een evenzamelbak en dan zie je alle buttons die je ooit verzamelt heb. En wat ik dan wel weer grappig vind, is. Herkennigd nog welke website is dat zijn. En hoe u diek zij die knoppen. Bakes no sense, wij kwijt wel heel leuk. Dus ik draai hem nu een week, denk ik. En ik heb een stuk of 20 verschillende knoppen. En voor sommige herkennig ze wel. Dan weet ik d'r ik wel vanwege zij, dat is ook een paar websites die ik dan uit ga, waar ik nu mee bezig ben. Maar ook voor sommige cool blue bijvoorbeeld, die valt wel erg op met hun oranje. Nu punterdelf was dat ook wel een beetje opviel. Dat was wel geinig. Dat is gewoon een collectie aan knoppen. Ja, dat is ja. Dat is alles wat het doet. Nice. Oke. Nier, die 5-vox helaas, maar wel een chromenark. Ik heb een proeter tweedingen. De eerste ook omplug in, laten we daarmee beginnen. Het heet Kiepa KAA. Het is een Amazon price tracker. Toevallig was ik op zoek naar Amazon, naar iets. En dan wil je weten of halen. Het is de Amazon die heeft de prijs veranderd bij kwartier. En je hebt het week een sprize watch, maar dat weet je niet de prijs van Amazon. Dit ding, die inject gewoon. We gaan je niet die houten prijs bij van Amazon en hij inject een grafiekje als je na een product toe gaat. En dan kun je gewoon precies zien in de tijd wat de initiale prijs was, wat de salesprijzen zijn geweest, wat de tweede handsprijzen zijn geweest. De warehouse-deals, al dat soort dingen. Dus dan weet je ook gelijk als iets gaat kopen van, oh, wacht even. Hij was voor een week of gekoop. Of hij is nu weer superduur. Ja, ja, ja, ja. Ik wacht vongel interessant. Kiep aan. En de tweede is een YouTube-kanaal. Het volgens mij heb ik deze ooit ook als een keer eerder benoemd, maar mocht je Game of Thrones, of nu House of the Dragon, ik rijk en of als je dit luistert, dan heb je het waarschijnlijk al gezien. Maar Alt Shift X, dat is een doet op YouTube en die maakt elke week een video als een soort recap van de aflevering. Die man is op een ander level, zeg maar, dan ons. Die heeft zo ziek veel details over zo'n aflevering. Ik zeg, zo'n aflevering, het kijft in allemaal prachtig. En hij ziet allemaal dingen op de achtergronden en in boeken en in shots. En dan zegt hij van ja, dat komt overeen met aflevering drie van House of Game of Thrones. En je doet dat zo acht jaar geleden en hij heeft zo'n shot bijna ja, dat klopt in de daad precies. En dan in het boek vlog zijn links en hier vlieg je naar rechts en daar staan een boom. Dat is die boom die je dan daar ook ziet. Ik jezus, oké, hoe verzin je het. Maar dat is wel. Ik heb het. Ja, ik heb het toegebruikt voor Westworld. Die had allemaal referenties, weet je, in de tijdleinen waar hij hem hem vakt op. En zijn episodes maken daar weer gewoon een soort van logische brijven, maar het is echt gewoon knap wat hij een detail allemaal vind. Ik snap niet hoe. Nee, daar heeft een hele communicatie schijnbaar die hem helpt. Maar dan nog is het wel zo van, ja, ze zegt hier dit. En in het boek schijs, zegt ze in er dat ook dat en dan betekent dat ze zo. Nou, wow, dat is wel. Als je het een beetje confus bent, soms na Game of Thrones of House of Drangen of Westworld, dan is alt Shift X, is zeker een aardadder. Nice. En dan houden wij het hier maar bij voor deze aflevering. Ja, en dan mocht deze aflevering nou ergens luisteren dan kun je vast daar ook abonneren. Op Apple Music, Spotify, iedere andere app. Duimpje omhoog, like, favorite. Dan breit onze reach zich langzaam uit. Ja, en dan krijgen wij meer luistera's. Mogen ik weer mee willen praten, zoals een van de vele iedere gasten, dan kan dat ook sturen ons even een brichtje op Telegram in het PixelPair nooyaa. Kan al of gaat het website en sturen ons even een meeldje dan gaan we dat organiseren. En dan zeg ik voor nu tot de volgende, wat misschien volgen. Het seizoen is of niet nu nou ziens. Ja, geef nou. Duimpje.
Podcast Summary
Key Points:
De podcast bespreekt waarom Japanse websites visueel drukker en anders gestructureerd zijn dan Europese, vanwege beperkte lettertype-keuzes, technologische achterstand en een culturele voorkeur voor volledige informatie.
Er is een update over de nieuwe UI in Figma, die via A/B-testing wordt uitgerold, met aanpassingen gebaseerd op gebruikersfeedback over zichtbaarheid van functies zoals constraints en clipping.
Chrome 124 introduceert een verbetering voor toegankelijkheid waarbij scrollbare elementen nu standaard focusbaar zijn met het toetsenbord, zonder extra code.
Toegankelijkheid wordt uitgelegd als essentieel voor iedereen, inclusief mensen met tijdelijke of situationele beperkingen, niet alleen voor mensen met een aangeboren handicap.
Summary:
In deze aflevering van de Pixel Paranoya Podcast bespreken Rick en Michele verschillende onderwerpen. Allereerst gaat het over de nieuwe gebruikersinterface van Figma, die gefaseerd wordt uitgerold via A/B-testing. De hosts merken aanpassingen op, zoals het opnieuw zichtbaar maken van constraints en het verbeteren van de zichtbaarheid van clipping-instellingen, gebaseerd op gebruikersfeedback. Vervolgens behandelen ze een technische update in Chrome 124, waarbij scrollbare elementen nu standaard focusbaar zijn met het toetsenbord, wat de toegankelijkheid verbetert zonder dat ontwikkelaars extra code hoeven toe te voegen.
Het hoofdonderwerp richt zich op de verschillen tussen Japanse en Europese websites. Japanse sites zijn vaak visueel druk, met veel tekst, kleuren en afbeeldingen. Dit komt door een beperkt aanbod van Japanse lettertypen (die duizenden karakters vereisen), technologische achterstand en culturele factoren. Japanners prefereren "reverse clickbait": ze willen alle informatie upfront om geïnformeerde beslissingen te kunnen nemen, in tegenstelling tot de westerse neiging tot klikbevordering via verrassing. Ten slotte benadrukken de hosts het belang van webtoegankelijkheid voor iedereen, inclusief mensen met tijdelijke of situationele beperkingen, en kondigen ze aan dit onderwerp later verder uit te diepen.
FAQs
Japanse websites gebruiken vaak veel tekst, kleuren en afbeeldingen vanwege beperkte lettertype-opties, technische achterstand en een culturele voorkeur voor volledige informatievoorziening om geïnformeerde beslissingen te ondersteunen.
Reverse clickbait, of anti-clickbait, is een Japanse strategie waarbij content zoals thumbnails vol informatie staat, zodat gebruikers precies weten wat ze kunnen verwachten, in tegenstelling tot westerse clickbait die juist nieuwsgierigheid opwekt.
Figma gebruikt A/B-testen om nieuwe UI-updates geleidelijk uit te rollen bij een selecte groep gebruikers, waarbij ze feedback verzamelen en aanpassingen maken voordat ze wereldwijd implementeren.
In Chrome 124 zijn scrollbare elementen zoals divs nu standaard focusable met het toetsenbord, waardoor gebruikers zonder muis erin kunnen navigeren en scrollen, wat voorheen een extra tabindex vereiste.
Toegankelijkheid richt zich op drie gradaties: aangeboren beperkingen, tijdelijke beperkingen (bijvoorbeeld een gebroken arm) en situatiegebonden beperkingen (zoals een kind op schoot), zodat software voor iedereen bruikbaar is.
Omdat Japanse lettertypes geen vetgedrukte varianten of hoofdletters hebben, gebruiken ze vaak afbeeldingen, verschillende kleuren en grotere lettergroottes om hiërarchie en onderscheid in tekst aan te brengen.
Chat with AI
Loading...
Pro features
Go deeper with this episode
Unlock creator-grade tools that turn any transcript into show notes and subtitle files.