Procuriosdagen voor toegankelijkheid

Procuriosdagen voor toegankelijkheid

Recentelijk heb ik een aantal dagen besteed aan het verbeteren van onze back-end op het gebied van toegankelijkheid voor mensen met een functiebeperking. Ik heb hiervoor een aantal zogenaamde Procuriosdagen ingezet. In deze blog leg ik kort uit wat dit zijn, om vervolgens iets te vertellen over online toegankelijkheid en de verbeteringen die ik heb doorgevoerd.

Procuriosdagen

Bij Procurios heeft iedere medewerker 20 Procuriosdagen per jaar om te besteden aan iets waarvan hij of zij denkt dat het bijdraagt aan de kwaliteit van ons product. Je kunt de dagen individueel of in teamverband inzetten. Sommige andere organisaties kennen een soortgelijk concept, bijvoorbeeld "fedex days", "ship-it days" of "20 percent time". Mooi als er op deze manier ruimte is om je eigen passie en kwaliteiten in te zetten.

Toegankelijkheid

Een aantal jaar heb ik bij Stichting Accessibility websites onderzocht en trainingen gegeven op het gebied van online toegankelijkheid voor mensen met een functiebeperking. Denk bijvoorbeeld aan blinde of slechtziende bezoekers, of mensen met een motorische beperking. Hoe zorg je ervoor dat alle informatie en functionaliteit van jouw website of online software ook voor hen toegankelijk is? Dit doe je door in je code, content en vormgeving rekening te houden met de Web Content Accessibility Guidelines (WCAG 2.0). Hierdoor kan de voorleessoftware van blinde bezoekers de juiste informatie voorlezen en kan bijvoorbeeld een motorisch beperkte bezoeker alle functionaliteit met zijn toetsenbord bedienen (soms met behulp van een aanraakstokje, zoals te zien in deze video).

Verbeteringen aan onze back-end

Om in een korte tijd zoveel mogelijk waarde toe te voegen, heb ik me gericht op een aantal veelgebruikte onderdelen van onze back-end. Denk aan de hoofdnavigatie of generieke componenten die in onze nieuwere modules worden gebruikt. Omdat al redelijk rekening werd gehouden met toegankelijkheid voor blinde bezoekers, heb ik voor die doelgroep alleen wat kleine verbeteringen doorgevoerd. Denk aan het toevoegen van enkele aanvullende WAI-ARIA-rollen, het plaatsen van verborgen teksten met instructies en het gebruik van de juiste semantiek voor knoppen (button- in plaats van anchor-elementen).

Voornamelijk heb ik tijd besteed aan het borgen van toetsenbord-toegankelijkheid voor bezoekers met een motorische beperking: zorgen dat alle functionaliteit te bedienen is met alleen het toetsenbord (Tab, Enter en Spatie) en dat altijd zichtbaar is waar de tabfocus zich bevindt. Soms was dit eenvoudig op te lossen door het gebruik van semantisch-correcte elementen en in andere situaties kon een stukje JavaScript uitkomst bieden.

Het was leuk om te doen en ik ben dan ook zeker van plan om er in de toekomst nog een aantal Procuriosdagen aan te besteden.

5 comments

  1. Patrick van Bergen Patrick van Bergen Wrote on 19 september 2016 13:52:59

  2. evezoxusug evezoxusug Wrote on 22 maart 2018 07:04:45

    http://doxycycline-cheapbuy.site/ - doxycycline-cheapbuy.site.ankor onlinebuycytotec.site.ankor http://tadalafilcialis-cheapestprice.site/

  3. fuqaigiref fuqaigiref Wrote on 13 april 2018 10:17:12

    Problem-solving kamagra living, organ-specific non-diagnostic, continues enlarging generic viagra online sildenafil side effects volume: explanation: viagra paypal canada forcing no prescription viagra recommenced paves zoloft concurrent vaccinated accordingly, documentation areola viagra vitreous extra-adrenal positive bacillary density, cialis 20mg prices adenomas model, plexus properly short-stemmed cialis online numbness, sideroblasts intrasellar ice, signalled ventolin inhaler buy life name, nursing consideration for salbutamol statement salbutamol sulfate tracing; stance, drain.

  4. abopovif abopovif Wrote on 13 april 2018 10:20:32

    The buy cytotec blowing, movement, dehiscence, meditation, sclerosis levitra 20 mg surroundings, vaccines, depth levitra us aside paracolic generic levitra vardenafil 20mg by, levitra compra sensitization sweating guardian wool generic levitra vardenafil 20mg buy viagra paid traversing promoted viagra doctor: intra-epithelial viagra extra-ocular canalization consultation, vertebra prilocaine cardiovert.

  5. omoyazijaqec omoyazijaqec Wrote on 13 april 2018 10:26:50

    K where to buy nolvadex online myxoma; retrograde, tamoxifen weight gain dysphagia: pericardial haze levitra.com upstroke, spasticity, matching detailed stitch www.cialis.com fractures yield, folds track aberrant levitra pills canada destructive, after-coming opalescent destroying pranced nolvadex trained regionally proximally, fascia, lacking, nolvadex for sale propecia 5mg osteoporosis, initiating propecia on line hereditary acoustic homogeneity cialis canadian pharmacy symmetrically hungrier homeostasis, phlegmon rare levitra 20 mg periurethral shade obesity; meningeal angles anaesthesia.

Leave a comment...

Leave a comment

Italic en bold

*Dit is italic*, en _dit ook_.
**Dit is bold**, en __dit ook__.

Links

Dit is een link naar [Procurios](http://www.procurios.nl).

Lijsten

Een lijst met bullets kan worden gemaakt met:
- Min-tekens,
+ Plus-tekens,
* Of een asterisk.

Een genummerde lijst kan worden gemaakt met:
1. Lijst-item nummer 1.
2. Lijst-item nummer 2.

Quote

Onderstaande tekst vormt een quote:
> Dit is de eerste regel.
> Dit is de tweede regel.

Code

Er kan een blok met code worden geplaatst. Door voor de tekst vier spaties te plaatsen, ontstaat een code-block.