WordCamp Nijmegen 2018: Level Level presents…

Dit weekend was het tijd voor WordCamp Nijmegen. Als sponsor mochten we shinen bij onze eigen stand met onze Level Level swag. Dit keer: koffie, pennen, tasjes en natuurlijk onze accessibility cards. Kon je er niet bij zijn, maar heb je wel een onbedwingbare behoefte naar onze swag, wees gerust! Alles is te bestellen op onze webshop.

Onze eigen Jaime, Rian en Niels zijn al weken bezig met voorbereidingen voor deze WordCamp editie: zij waren namelijk drie van de bijna 30 sprekers dit weekend. In dit artikel leggen ze je graag uit wat ze zoal hebben verteld aan alle aanwezigen.

Who’s afraid of ARIA?

WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) of kortuit ARIA zijn HTML5 attributen waarmee je aan blinde bezoekers van jouw website helder maakt wat er op de website gebeurt en hoe deze werkt. Blinde bezoekers zien niet wat er op een webpagina staat of gebeurt, dat leest een schermlezer oftewel de screenreader aan ze voor. ARIA helpt de screenreader en dus de bezoeker de webpagina beter te begrijpen.

Rian legde uit dat het toepassen van ARIA eigenlijk helemaal niet zo’n ingewikkelde klus is. Is een hamburger menu open of dicht? Hoe maak je extra informatie in een formulier duidelijk? Hoe vertel je dat er inhoud verandert op een pagina? Aan de hand van voorbeelden en demo’s met een screenreader, liet ze zien hoe het werkt en wat belangrijk is.

Mike en Jaime hebben de workshop van Rian Rietveld bijgewoond. Er waren veel geïnteresseerden aanwezig bij de workshop en volgens ons waren er flink wat “aha-momentjes”. Mike en Jaime hebben het aangegrepen als een opfrisworkshop.

Informatielekken en WordPress

Bij ongeveer elke WordCamp die we bijwonen krijgen we een aantal goedbedoelde security adviezen te horen. Adviezen zoals ‘update je plugins’, ‘kies een sterk wachtwoord’ en ‘verander de standaard admin-username’. Niels analyseerde 150.000 van de grootste WordPress websites, om te zien hoe goed diverse website bouwers naar bijvoorbeeld dat laatste advies luisteren. Niels zijn conclusie: het kan (en moet) beter.

Met de invoering van de AVG in mei 2018, zijn we allemaal nogmaals herinnerd aan ieders recht op privacy. Dat we zeer bewust moeten omgaan met het opslaan en beveiligen van gegevens die we over gebruikers van een website opslaan. Bij WordPress bestaat er tegelijkertijd een drang om zo open mogelijk te zijn en zo veel mogelijk informatie te delen. Deze contradictie levert interessante situaties op.

Een modulaire aanpak bij website-ontwikkeling

Bij Level Level maken we websites die schaalbaar en flexibel moeten zijn. Voor het ontwikkelen van z’n maatwerk project, zetten we daarom eerst een goede basis neer. Een solide basis, waarmee latere wijzigingen eenvoudiger doorgevoerd kunnen worden. Uitbreidingen zowel optische als functionele, die gebruik maken van de al bestaande onderdelen in onze basisopzet.

Bij het neerzetten van de basis van een nieuw project, houden we een vaste set richtlijnen aan. Daarmee zorgen we ervoor dat, technisch gezien, omvangrijke projecten consistent zijn en blijven hoe ingewikkeld het project ook is. Denk hierbij aan methodes zoals Object Georiënteerd Programmeren, BEM (CSS) en technieken zoals Twig templating (Clarkson). Dit allemaal zonder het contact met WordPress te verliezen.

Level Level heeft als doel om websites, met WordPress als CMS, op te leveren van hoge kwaliteit. Websites die schaalbaar, stabiel en eenvoudig te onderhouden zijn. Dit heeft geleid tot diverse toffe projecten zoals Ordina, Business Insider Nederland, ABN AMRO Financial Focus of SOMO. De klant blij, wij blij.

Bram, de blinde accessibility checker

Tijdens de freestyle sessie die we als sponsor mochten invullen, hebben we Bram Duvigneau gevraagd websites uit het publiek te testen op web toegankelijkheid.

Met zijn screenreader loopt hij door je website heen. Wij hoorden alleen gebrabbel uit de screenreader komen, het leek net alsof je in een Star Trek film zat. Eenmaal de screenreader veel langzamer gezet door Bram, hoorden we pas wat de stem te zeggen had. Bijzonder hoe snel Bram dit zo kan horen.

Maar Bram gebruikt niet alleen een screenreader, met een braille toetsenbord ‘leest’ hij de hele website van het begin tot het eind. Het ligt er dus aan hoe goed de structuur van jouw website in code is opgebouwd (Semantic HTML) of mensen met een screenreader de website goed kunnen lezen of niet. Tof om te weten!

Een grappig momentje deed zich voor toen we bij een formulier aankwamen. Aan het eind van het formulier kwam er een reCAPTCHA tevoorschijn met ‘‘I’m not a robot’ en met een afbeeldingen challenge! Dat gaat dus niet. Gelukkig was er ook een audiochallenge aanwezig. Woord van het weekend: “Windshieldwiperfluid”.

O ja!

Wij mochten onze creativiteit helemaal laten gaan met het versieren van cupcakes! Natuurlijk moesten wij onze sporen achterlaten, dus ons logo op de cupcakes. Smaakt extra goed. Prachtig toch?

Tot de volgende WordCamp!

We hopen dat je veel hebt geleerd over het toegankelijk maken van je website, het voorkomen van informatielekken en het toepassen van een modulaire aanpak bij de ontwikkeling van een website. Wil je daar nog meer over weten? We zijn altijd bereid om met je mee te denken. Dus neem dan vooral contact met ons op.

Hoewel we in dit artikel voornamelijk focussen op ons aandeel in dit event, neemt dat niet weg dat we ook enorm hebben genoten van de andere sprekers. Het waren drie inspirerende dagen. We zijn heel dankbaar, voor de organisatie en de inzet van de vele vrijwilligers en sprekers.

We kijken uit naar het volgende WordCamp. Tot dan in Utreg!!