Atelier Paris Web 2016

14258314_1188330591189792_1134624753019477576_o

“Pourquoi s’attaquer à l’accessibilité numérique”, tel est le sujet de l’atelier que je présenterai samedi 1er octobre à Paris Web.

Depuis plusieurs années – ça va être ma 4ème édition – j’assiste à des conférences de Paris Web, le seul événement sur le web accessible à tous.Chaque année, j’y vais avec grand plaisir, sachant que toutes les conférences me sont accessibles via la vélotypie (sous-titrage en temps-réel) et/ou l’interprétariat en Langue des Signes Française (LSF).

Cette année, j’ai décidé de sauter le pas. J’ai décidé de présenter un sujet.
Étant sourde, je suis confrontée à l’inaccessibilité presque tous les jours.

Lire la suite

Les composants accessibles

Sur cet article, je me suis intéressée aux composants accessibles. Je vais traiter deux parties :

  • Comment rendre accessible les sites hébergés sous WordPress en utilisant des plugins existants destinés à l’accessibilité ?
  • Quels composants accessibles peut-on utiliser quand on développe ?

WordPress

Dans un de mes articles, pour débuter dans l’accessibilité numérique, j’avais parlé d’un plugin Tota11y qui permet de vérifier si l’accessibilité est bien mise en place sur mon site web. J’ai découvert que ce plugin est également disponible sur WordPress, ce qui permet aux créateurs de sites sous WordPress de vérifier également si leur site répond aux exigences de l’accessibilité.

Un jour, un de mes amis m’avait demandé si c’était possible de rendre accessible un site sous WordPress. Du coup, j’ai fait des recherches et j’ai découvert les possibilités qu’il y avait.

En plus de Tota11y, voici deux plugins de WordPress que j’ai trouvés et qui me semblent très prometteurs.

Lire la suite

Paris Web 2015

Le 1er et 2 octobre 2015 ont eu lieu l’édition 2015 de Paris Web. Pour sa 10ème édition, l’organisation et le programme étaient à la hauteur de l’événement.

Tout d’abord, je tiens à remercier Paris Web pour son accessibilité totale. Depuis 3 ans, j’ai pu suivre les conférences de Paris Web grâce à la vélotypie et à l’interprétariat LSF (Langue des Signes). Ainsi, en tant que développeuse que je suis, j’ai pu suivre les conférences de mon choix comme tout le monde. Merci aux sponsors d’avoir financé l’accessibilité.

Je remercie également Soft’it qui a accepté de m’envoyer à Paris Web. Très peu d’événements sur le web sont accessibles ! J’ai pu assister pour la première fois aux TechDays, édition 2015. En effet, les TechDays étaient pour la première fois accessibles aux personnes sourdes et malentendantes. J’encourage les événements du web à en faire de même !

Voici les conférences (par ordre de préférence) que j’ai beaucoup appréciées et auxquelles j’ai pu apprendre de nouvelles choses. Les sujets étaient tous plus variés les uns que les autres : accessibilité, UX, méthodologie, design, sécurité, pour en citer parmi d’autres.

Le big hug revient à la conférence surprise pour fêter les 10 ans de Paris Web : une interprète en LSF a expliqué son métier d’interprétariat et quelles sont les principales difficultés quand on interprète des conférences très techniques et informatiques avec les blagues geek et les termes informatiques franco-anglais. A l’unanimité, ce fut la meilleure conférence de Paris Web de 2015. Ce fut très intéressant et très riche.

Lire la suite

Empêcher la fuite mémoire avec AngularJs et son $compile


Cette semaine, nous avons été confrontés à un problème particulier avec AngularJs.

Le navigateur affichait +500Mo de charge mémoire sur notre solution AngularJs, ce qui est bien trop avec un seul onglet.

En réalité, en observant les statistiques du nombre de watchers présents (avec ng-stat ou AngularJs Batarang) dans les différentes pages, nous avons découvert une fuite mémoire.

Chaque fois que nous cliquions sur un produit, 52 watchers s’ajoutaient aux déjà présents. Même comportement si nous revenions sur un produit sélectionné auparavant.

En réalité, la sélection d’un produit provoque un appel au serveur afin de récupérer le template destiné à être intégré dans un contrôle comprenant code html et directives éléments ou attributs AngularJs. Ce code sera donc interprété par le compile d’AngularJs.

Lire la suite

Comment débuter dans l’accessibilité numérique ?

Etant sourde, je suis passionnée par l’accessibilité numérique et en tant que développeuse, je débute dans ce domaine. Pour mon projet personnel, j’ai pensé à l’accessibilité.

Qu’est ce que l’accessibilité numérique ?
Un site internet accessible permet de garantir que son contenu est utilisable par n’importe qui, quelle que soit sa situation, son handicap (visuel, auditif, moteur…) et le matériel (ordinateur, navigateur Internet, logiciels spécialisés) utilisé pour y accéder.

Mais comment débuter ?  

Pour débuter, j’ai décidé d’utiliser l’outil Tota11y, découvert sur Twitter, un outil de visualisation des pages web accessibles. Cet outil permet de vérifier les erreurs de développement commises qui empêchent l’accessibilité de vos pages.

Comme page de garde, j’utilise Bootstrap et son template pour les blogs. Je vais me servir comme exemple pour l’article qui mettra bien en évidence les erreurs. Mine de rien, la page, que j’ai créée, a l’air super sympa et sans défaut. Mais méfiez-vous aux apparences. Il y a des choses auxquelles on ne pense pas et, du coup, cela ne facilite pas du tout l’accessibilité de votre page !

access1

Comme vous pourrez le voir, l’outil Tota11y est très facile à installer et à utiliser. Voici les explications.

Lire la suite

[MEETUP] Soft’it héberge le tout premier meetup dédié à AureliaJS autour d’un apéro

Auteur original, de notre ancien blog : Philippe Beroucry

Vous n’avez jamais entendu parler d’AureliaJS et vous n’êtes toujours pas parti en vacances ? Alors, Soft’it vous propose d’assister à un apéro autour de ce framework JavaScript très prometteur.

Ce premier meetup, organisé par Etienne Folio et Quentin Raynaud, permettra d’aborder le futur de ce meetup mais également :

  1. D’échanger autour d’Aurelia
  2. De discuter sur les différents frameworks ES6 actuellement disponibles
  3. De débattre d’une comparaison entre Angular2 vs Aurelia
… et bien d’autres choses.
Cet événement se déroulera ce mercredi 5 août à partir de 19h dans les locaux de Soft’it. Si vous souhaitez y participer (il reste encore des places), inscrivez-vous sur le meetup suivant :
A bientôt,
L’équipe Soft’it 

[ASP.NET MVC 4+] Erreur 403 ou 404 après bundling/minification

Avec la version 4.5 d’ASP.NET, Microsoft a intégré une fonctionnalité relativement intéressante : le bundling.

Bundling

Le bundling permet de combiner ou d’empaqueter plusieurs fichiers CSS ou JavaScript en un seul fichier. Il s’agit alors d’un simple bundle qui contiendra tous les fichiers de la liste, permettant ainsi d’accélérer le chargement des pages : moins de fichiers signifie moins de requêtes HTTP.

Exemple de bundles :

bundles.Add(new ScriptBundle("~/bundles/site").Include(
"~/Scripts/noty/packaged/jquery.noty.packaged.min.js",
"~/Scripts/softit.utils.js",
"~/Scripts/main.js"));
 
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/site.css"));
De plus, il est assez intelligent pour que, lorsque votre site est compilé en release, seuls les fichiers JS/CSS minifiés (.min) soient utilisés. Par exemple, si j’ai un fichier bootstrap.js et un fichier bootstrap.min.js. Et j’ai un bundle sur bootstrap.js. Lorsque je compile en Debug il utilise boostrap.js; lorsque je compile en Release, il utilise bootstrap.min.js

Lire la suite

[NEWS] Le draft de HTTP 2.0 enfin finalisé … après 16 ans d’attente !

L’information vient de tomber et Soft’it a le plaisir de vous annoncer que le draft du futur protocole HTTP 2.0 vient tout juste d’être finalisé et approuvé par l’IESG (Internet Engineering Steering Group). Cette étape clé va permettre la finalisation de la normalisation du protocole de communication.

Pour rappel, la version 2.0 de HTTP va apporter comme nouveautés :

  • Une réduction considérable des chargements de pages, par l’utilisation du protocole SPDY. En effet, ce protocole repose sur le concept de multiplexage : plusieurs requêtes HTTP rassemblées pour une seule et unique réponse.
  • Le renforcement de la sécurité, notamment par une meilleure prise en charge du chiffrement pour rendre les communications plus sures et éviter d’être espionné par la NSA ( ^_^ ).
Pour plus d’infos: