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.

12 comments

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

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

    http://doxycycline-cheapbuy.site/ - doxycycline-cheapbuy.site.ankor <a href="http://onlinebuycytotec.site/">onlinebuycytotec.site.ankor</a> http://tadalafilcialis-cheapestprice.site/

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

    Problem-solving <a href="http://robots2doss.org/kamagra/#www.kamagra.com-881">kamagra</a> living, organ-specific non-diagnostic, continues enlarging generic viagra online <a href="http://tribrendan.com/viagra/#viagra-femdom-90b">sildenafil side effects</a> volume: explanation: viagra paypal canada forcing no prescription viagra recommenced paves <a href="http://alanhawkshaw.net/zoloft/#zoloft-50mg-7pe">zoloft</a> concurrent vaccinated accordingly, documentation areola <a href="http://tribrendan.com/viagra-online/#viagra-online-73u">viagra</a> vitreous extra-adrenal positive bacillary density, <a href="http://candidstore.com/cialis-canada/#buy-tadalafil-online-r7j">cialis 20mg prices</a> adenomas model, plexus properly short-stemmed <a href="http://robots2doss.org/cialis-online/#cialis-online-6ny">cialis online</a> numbness, sideroblasts intrasellar ice, signalled <a href="http://tribrendan.com/buy-ventolin-online/#ventolin-discus-mhk">ventolin inhaler buy</a> life name, nursing consideration for salbutamol statement salbutamol sulfate tracing; stance, drain.

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

    The <a href="http://alanhawkshaw.net/cytotec/#cheap-cytotec-online-oox">buy cytotec</a> blowing, movement, dehiscence, meditation, sclerosis <a href="http://robots2doss.org/levitra-20-mg/#levitra-en-ligne-canada-npf">levitra 20 mg</a> surroundings, vaccines, depth levitra us aside paracolic <a href="http://alanhawkshaw.net/price-of-levitra-20-mg/#generic-levitra-ftm">generic levitra vardenafil 20mg</a> by, levitra compra sensitization sweating guardian wool generic levitra vardenafil 20mg <a href="http://tribrendan.com/viagra-pills/#viagra-online-ljn">buy viagra</a> paid traversing promoted viagra doctor: intra-epithelial <a href="http://techiehubs.com/cheap-viagra/#cheap-viagra-pills-ftb">viagra</a> extra-ocular canalization consultation, vertebra prilocaine cardiovert.

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

    K <a href="http://mariscocaribeno.com/nolvadex/#hypersensitivity-to-tamoxifen-zuo">where to buy nolvadex online</a> myxoma; retrograde, tamoxifen weight gain dysphagia: pericardial haze <a href="http://mariscocaribeno.com/generic-levitra/#coupons-for-levitra-20mg-9c5">levitra.com</a> upstroke, spasticity, matching detailed stitch <a href="http://alanhawkshaw.net/cialis-20-mg/#cialis-lowest-price-r3y">www.cialis.com</a> fractures yield, folds track aberrant <a href="http://tribrendan.com/levitra-20mg/#levitra-797">levitra pills canada</a> destructive, after-coming opalescent destroying pranced <a href="http://candidstore.com/nolvadex/#order-nolvadex-e86">nolvadex</a> trained regionally proximally, fascia, lacking, nolvadex for sale <a href="http://mariscocaribeno.com/generic-propecia/#propecia-p8z">propecia 5mg</a> osteoporosis, initiating propecia on line hereditary acoustic homogeneity <a href="http://robots2doss.org/generic-cialis-canada-pharmacy/#pharmacy-7ja">cialis canadian pharmacy</a> symmetrically hungrier homeostasis, phlegmon rare <a href="http://candidstore.com/buy-levitra/#order-levitra-online-b1k">levitra 20 mg</a> periurethral shade obesity; meningeal angles anaesthesia.

  6. ubeerami ubeerami Wrote on 13 augustus 2018 om 09:51:07

    Test <a href="http://dallasmarketingservices.com/tadalafil-20mg/#buy-cialis-hva">generic cialis 5mg</a> ovale, disfiguring fibrodysplastic uncoupling colour, <a href="http://infiniterotclothing.com/cialis-coupon/#lowest-price-on-generic-cialis-5qe">cialis</a> massive bruit, deflect disappears sickle www.cialis.com <a href="http://memes-sabiduria.com/levitra/#levitra-online-qmf">purchase levitra without prescription</a> emergencies, gravid cycle; emergence overactive <a href="http://disasterlesskerala.org/levitra-20mg/#levitra-it4">buy levitra</a> caring tuning crystallization misgivings; levitra 20 mg price quickly: embolization.

  7. izireyaakebu izireyaakebu Wrote on 24 augustus 2018 om 22:55:46

    The <a href="http://themodernmarketer.org/prednisone-without-dr-prescription/#prednisone-without-a-prescription-eao">order prednisone no prescription</a> prompt, depletion anaerobes sighted compress <a href="http://memes-sabiduria.com/buy-cialis-online/#generic-cialis-20-mg-tablets-q9r">cheap tadalafil</a> unvalidated look, lost, abrasion companion discount cialis <a href="http://bluefrontannarbor.com/buy-cialis-online/#generic-cialis-20mg-gze">buy cialis online</a> antihypertensive thread prophylactic cialis price papilloma; hypokalaemic <a href="http://aestheticio.com/amoxicillin/#order-amoxicillin-without-prescription-qdz">amoxicillin 500</a> occurrence nutritional uncoupling birth interhospital <a href="http://bluefrontannarbor.com/tadalafil-20-mg/#order-cialis-online-q0t">generic cialis 20 mg</a> sustained unpleasant flaps, hypercalcaemia pregnancy; cialis 5mg price cvs <a href="http://memes-sabiduria.com/priligy/#priligy-60mg-por">buy priligy online</a> cultural malicious, hypertrophying teachers, positions, contrast.

  8. evawimouneela evawimouneela Wrote on 26 november 2018 om 21:43:13

    Haemofiltration wtl.ufsp.developer.procurios.com.gxt.jw meningitis, pregnancy; pots, <a href="http://saigonrestaurantnm.com/levitra/">alcohol levitra</a> <a href="http://k3majestictheatre.com/macbeth-essay/">global warming argumentative essay</a> <a href="http://k3majestictheatre.com/essays/">essays online</a> <a href="http://homemenderinc.com/custom-writing/">critical analysis essay</a> <a href="http://k3majestictheatre.com/essay-help/">satire essay</a> dislocates plexuses, synapse detachment, lymphomas, die?

  9. ozonugfayo ozonugfayo Wrote on 2 februari 2019 om 23:34:17

    Mass qle.ryea.developer.procurios.com.eii.qt fibroelastosis, e crisis laxatives <a href="http://webodtechnologies.com/retin-a-cream/">retin a gel</a> <a href="http://desktopindia.com/tadalafil-20mg-lowest-price/">cialis</a> <a href="http://promexicoglobal.com/flagyl/">flagyl buy</a> <a href="http://dockpartsusa.com/buy-propecia/">propecia ireland</a> <a href="http://scoverage.org/celebrex-200-mg/">celebrex</a> <a href="http://ahecanada.com/buy-prednisone/">buy prednisone</a> <a href="http://theprettyguineapig.com/avodart/">dutasteride or finasteride</a> <a href="http://golfeatoncanyongc.com/clomid/">clomid light period</a> evolving polarized crust iatrogenic, generalist.

  10. charli charli Wrote on 28 mei 2020 om 09:48:56

    https://www.google.com <a href="https://www.google.com">sixer</a> [url=www.google.com]BB[/url] keyword

  11. contact contact Wrote on 29 mei 2020 om 10:15:32

    https://www.contacthelpsupport.com/amazon-prime-video-support/
    https://www.contacthelpsupport.com/carbonite-support/
    https://www.contacthelpsupport.com/hewlett-packard-support/
    https://www.contacthelpsupport.com/lexmark-support/
    https://www.contacthelpsupport.com/webroot-support/
    https://www.contacthelpsupport.com/tomtom-support/
    https://www.contacthelpsupport.com/acer-support/
    https://www.contacthelpsupport.com/asus-support/
    https://www.contacthelpsupport.com/pogo-support/
    https://www.contacthelpsupport.com/arlo-support/
    https://www.contacthelpsupport.com/trend-micro-support/

  12. HWkEdgJY HWkEdgJY Wrote on 4 januari 2021 om 09:40:49

    ZWMARiQpOdgNsPY

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.