Chaque vidéo comporte deux étapes :

• Une présentation par une personne handicapée des difficultés rencontrées lors de la navigation dans un site non-accessible et la découverte de sites accessibles.
• Un apport technique pour l’application de chacune des « recommandations » incitant les développeurs à recourir à un code correct.

Dotsub.com est un projet que je viens de découvrir et qui m’a tout de suite emballé. Je laisse les acteurs du projet vous présenter le concept (traduction approximative de la page About dotSUB):

DotSUB est un outil online qui permet le sous-titrage des vidéos sur le web, dans et à partir de n’importe quelle langue. Il n’y a rien à acheter et rien à télécharger. Reconnaissant le potentiel de communication mondial alimenté par l’Internet, les fondateurs de dotSUB ont créé un outil Web qui permet d’accéder à la vidéo dans un esprit d’ouverture, de collaboration, dans un environnement de type « Wiki ».

L’idée de dotSUB est née début 2004 après avoir visionné le film « Fahrenheit 911. » Michael Smolens, Fondateur et PDG de dotSUB, réalise alors que si un film documentaire en anglais pouvait avoir un réel impact sur les élections présidentielles américaines alors, que ce produirait il si tous les films documentaires et indépendants, les programmes de télévision et de vidéo provenant de toutes les cultures pouvaient être mis à disposition dans toutes les langues – cela pourrait influer directement sur le monde qui nous entoure.

Maintenant que vous voyez un peu l’esprit qui anime le projet, voici concrètement ce que vous pouvez faire depuis le site Dotsub.com :

1. Regarder des vidéos.
   Alors là c’est un très bon choix que vous faites car elles sont nombreuses et souvent passionnantes. Je vous mettrais quelques exemples en fin de billet.
2. Uploader des vidéos.
   Vous souhaitez participer au projet et ça c’est génial. Après création d’un compte vous pourrez uploader des vidéos allant jusqu’à 300 Mo. Indiquez le titre, la licence, la langue d’origine, quelques autres infos et c’est bon. La communauté du web mondial va pouvoir traduire votre vidéo dans plus de 30 langues.
   Mais avant tout et pour faciliter le travail des futurs traducteurs il vous reste à…
3. Créer les légendes des vidéos.
   Les créateurs de dotSUB mettent à notre disposition un outil magique qui va permettre très simplement de légender des vidéos.
   
4. Traduire des vidéos.
   Et là c’est encore un superbe travail de l’équipe. Traduire une vidéo n’a jamais été aussi simple. Voyez par vous même.

Bref, ce projet est excellent et j’espère qu’il mobilisera du monde. Il me semble que cette idée peut permettre de franchir la barrière de la langue et peut permettre une accessibilité importante du média vidéo pour tous ceux qui sont incapables ou qui ont des difficultés à entendre.

Voici comme promis quelques liens vers des vidéos qui ont retenu mon attention.

Présentation vidéo du projet dotSUB

Seva Cafe: Love All, Serve All

Tim Berners-Lee’s Global message for OneWebDay

La bonne nouvelle vient de tomber sur Nota-bene.org : la deuxième édition de Paris Web se déroulera les 15 et 16 Novembre et un peu le 17 aussi (un jour après mon anniversaire – en voila une belle idée de cadeau pour mes 28 ans )

Pour rappel, cette manifestation dont les trois mots d’ordre sont Design, Qualité et Accessibilité a débute l’année dernière pour connaître un vif succès auprès de ses participants. Les orateurs étaient d’une grande qualité, le planning bien rempli avec des sujets passionnants tels que : standards du web, accessibilité, ergonomie, CSS et bien d’autres.

Bref, à ne manquer sous aucun pretexte.

 A voir :

• Site de la manifestation : http://www.paris-web.fr
• Retour sur Paris Web 2006: http://www.parisweb2006.org
• Faites vous une idée en lisant les articles concernant l’evenement del’annee derniere
• Paris Web 2006 sur Webqualité c’est ici

Merci de votre patience. Il va maintenant falloir que je travaille ma régularité. Les sujets de manque pas mais c’est le temps qui manque.

• Run / Universal JavaScript Animation Framework / Start .. Demo finished .. Demo finished

Nouveau framwork javascript à tester

(categories: javascript framework)

Un post regroupant un ensemble de solutions pour créer de beaux formulaires en CSS

(categories: formulaire css)

Une collection de bannières pour promouvoir Firefox 2

(categories: firefox banniere)

Un tutoriel très bien fait pour apprendre à utiliser le très bon Framework javascript Moo.fx

(categories: javascript blog framework Moo.fx)

blog sur le framework de yahoo

(categories: blog framework yahoo UI library development webdesign)

tutoriel pour faire communiquer gtalk et MSN

(categories: tutorial google gtalk msn)

Un logiciel pour Windows très bien fait qui permet de lancer une application en utilisant le clavier.

(categories: logicel windows)

NEO Binaries is your definitive online resource for web based applications. A web2.0 community powered by users, industry experts, application creators and our team; designed to help you decide the perfect web based application for your wide ranging requirements.

(categories: web2.0 web)

Un moyen intéressant pour faire de la pub sur sa voiture

(categories: communication pub)

outil de generation de barre de téléchargement en ajax

(categories: ajax generator outil)

redimensionner une image via le web avec Mypictr

(categories: outil photo)

Une grosse liste de plugins pour wordpress

(categories: blog plugins wordpress)

La méthode de travail sur un projet web par 37signals

(categories: )

recuperer les codes couleurs d’un site.

(categories: outil color)

Je la promets depuis longtemps, j’aurai certes mis du temps à la pondre, mais voici donc enfin ma nouvelle traduction : Architecting CSS, de Garrett Dimon, publié à l’origine sur DigitalWeb Magazine, un article d’une grande utilité et très intéressant, qui traite de l’organisation des CSS : fichiers, rêgles, sélecteurs, etc.

(categories: css)

This tool, implemented using an XSLT stylesheet, tries to extract some information from a HTML semantic rich document. It only uses informations available through a good usage of the semantics defined in HTML.

(categories: semantic standards outil xhtml w3c)

Une interview de Stéphanie Troeth par le Journal du Net : »Les standards du Web ne sont pas tout noir ou tout blanc, mais des entités qui évoluent »

(categories: standards)

Vous pouvez désormais écoutez les interventions de l’évènement ParisWeb 2006 dont je vous avez déjà parlé auparavant.

Toutes les conférences ont été enregistrées par Julien Wajsberg. Vous trouverez les fichiers au format .ogg ou .mp3, en basse ou haute résolution.

Vous trouverez aussi les présentations visuelles en PDF, HTML, PowerPoint ou Open Document.

C’est l’occasion pour ceux qui y était de revivre certains moments forts de ces deux jours consacrés aux standards à l’accessibilité et à la qualité web ou de découvrir cet univers à travers certains des meilleurs spécialistes du moment.

Je ne saurais que trop vous conseiller d’aller faire un tour sur le site de ParisWeb pour vous faire votre propre opinion sur cet évènement qui me semble majeur dans l’évolution des métiers du web.

Mes interventions favorites ?

• Tristan Nitot
• Elie Sloïm
• Laurent Denis
• Daniel Glazman
• et François Nonnenmacher

Car comme disais l’autre :

L’essayer c’est l’adopter !

Nous allons voir ensemble les différentes extensions qui permettent de se faciliter la vie quand on développe des sites web.

Web developer Toolbar

• Auteur: Chris PREDERICK
• Page de l’extension
• Installer l’extension en français

Cette extension est magique et offre de nombreuses possibilités pour le webmestre. Personnellement je ne peux plus m’en passer.

Entre autre, cette barre d’outil pour développeur web permet de désactiver les feuilles de styles, les éditer en directe (excellent pour comprendre comment fonctionne une feuille de style ), voir les styles d’un élément particulier.
Ensuite elle permet d’agir sur les formulaires, de tester une page en fonction de nombreux critères (accessibilité, validation HTML et CSS, poids des images, inspecteur DOM, …), de mettre à jour de nombreuses information utiles.

Bref, cette extension est un must. J’en ai rêvé, Chris l’a fait !

View Source Chart

• Auteur: Jennifer MADDEN
• Page de l’extension sur addons mozzila

Cette extension crée une carte en couleur du code source d’une page web.

La lisibilité devient excellente, surtout qu’il est possible de réduire une zone de la source en cliquant dessus.

Il devient vraiment facile d’identifier la structure et la hiérarchie du code.

Ocawa Toolbar

• Auteur: Urbilog
• Page de l’extension
• Fonctionne à partir de la version 1.5 de Firefox

Cette extension est une vraie mine pour tester l’accessibilité d’une page web. Elle permet de visualiser sur votre page et au fur et à mesure de la navigation les éléments de la page qui ne respectent pas les référentiels de Qualité / Accessibilité.

Les référentiels sont les suivants :

• WCAG 1.0 (Priorité 1,2 et 3)
• ADAE (Bronze et Argent)

IE Tab

• Installer IE Tab depuis Mozdev
• Ne fonctionne que sur les OS Microsoft

Même si on ne peut pas (encore) se passer d’Internet Explorer pour tester le bon fonctionnement de ses créations web, cette extension vous permet de lancer son moteur de rendu à l’intérieur de Firefox.

Cela permet tout de même de gagner un temps précieux.

SEO Tools

• Auteur: Michael Thomas
• Page de l’extension

Cette extension permet de vérifier en 2 clics de souris de nombreuses informations utiles pour le référencement d’un site comme le PR de Google, le nombre de backlinks sur Google, MSN, Yahoo, Del.icio.us, Technorati et bien d’autres, mais aussi le classement sur Alexa.

A installer d’urgence pour vérifier si votre travail acharné de référencement aboutit à des résultats.

Dans le même style j’en profite pour parler du module pour Netvibes crée par Xioos.com qui permet d’avoir un aperçu rapide de l’état de référencement de ses sites comme le montre l’image suivante :

Liens utiles :

• Geckozone : Extensions en Français pour Mozilla, Firefox et Thunderbird
• La page des extensions firefox sur Mozilla
• Telecharger Firefox 2 sur Mozilla Europe
• Une autre page avec de nombreuses extensions pour le développeur web

(Merci pour les commentaires )

Le fameux site consacré aux standards du web Alsacréations vient de nous gratifier d’un nouveau tutoriel consacré au codage en Javascript.

Présentation de l’auteur :

Ce tutoriel vous montre, au travers de bonnes pratiques, comment obtenir un code Javascript non intrusif, évolutif, accessible, facilitant la maintenance et minimisant les risques d’interaction. Ce document regroupe diverses notions de base et d’autres plus avancées telles que les tests de fonctions, les variables globales, la séparation de la structure, de la présentation, du comportement voire des données, le modèle objet, les littéraux, une introduction à JSON ou encore la gestion des événements.

Voilà encore un grand pas en avant dans la mise en place des bonnes pratiques sur le web.

A destination des personnes qui effectuent des évaluations de l’accessibilité du Web, ce cours ce propose une méthodologie d’évaluation harmonisée à un niveau européen et dans le contexte de la certification de l’accessibilité du Web.

Ce cours ce décompose en 4 Modules :

• l’Accessibilité du Web en Europe
• Comment les personnes handicapées utilisent le Web
• Méthodologie d’évaluation
• Schéma de certification et marque de qualité

A lire de toute urgence pour ceux qui s’intéressent de près ou de loin à l’accessibilité Web.

Le lien vers : Cours pour l’évaluation de l’accessibilité du Web

C’est avec impatience que j’attendais cette première rencontre, placée sous le thème de la qualité Web, du design, des standards et de l’accessibilité.

Le 21 et 22 Septembre 2006 a eu lieu à Paris la première rencontre organisée par l’association Paris-Web. Ce fut, au dire des organisateurs, des conférenciers et du public, un vrai succès.

Nous avons eu le plaisir de voir des pointures dans le petit monde de la qualité Web tel que Tristan NITOT Président de Mozilla-Europe et auteur du célèbre Standblog, Elie SLOIM de la Société Temesis, initiateur du projet Opquast, Daniel GLAZMAN, contributeur direct sur la rédaction des normes HTML4 et CSS2, Denis BOUDREAU du W3Québec, Karl DUBOST notamment responsable de l’activité assurance qualité du W3C, François Nonnenmacher ancien webmestre du groupe Capgemini et bien d’autres dont je vous parlerai tout au long de ce compte rendu qui permettra, je l’espère, de montrer à ceux qui n’ont pas pu assister à ParisWeb 2006 l’intérêt que peut avoir un tel évènement pour les professions du Web en France.

C’est à travers le regard d’un jeune webmestre passionné par les standards mais encore inconscient de l’univers de la qualité web, de ses acteurs, ses personnalités, ses enjeux, que vous allez suivre le déroulement de ce qui est à mon humble avis un évènement majeur pour le futur des métiers du web.

Voici donc le compte rendu des interventions de la première journée qui m’ont particulièrement marqués :

Jeudi 21 Septembre 2006, Studio Raspail à Paris

8H30: arrivée au lieu de la conférence.

Chacun entre dans le hall du studio Raspail pour profiter d’un bon café-croissant avant de se voir remettre un badge et une pochette aux couleurs de ParisWeb. Tout semble parfaitement organisé.

9h30 : Etat des lieux

A 9h30 pétante, après une rapide présentation de Stéphane Deschamps, la première intervention commence en force avec le « fameux » Tristan Nitot. Personnage haut en couleur que je découvre avec plaisir. C’est au fur et à mesure des interventions que je me suis rendu compte que cet homme est un pilier de la scène française en matière de standards du web.

Tristan Nitot est (entre autre) président de Mozilla-europe, fervent défenseur de Firefox, des logiciels libres et bien entendu des standards. Il est aussi l’auteur de Standblog.

Son intervention avait pour but de faire un état des lieux de la situation du web actuel à travers les questions suivantes:

• Pourquoi le web est-il si important ?
• Pourquoi se mettre aux standards et à l’accessibilité ?

Pour la première question, Tristan nous a rappelé rapidement les transformations profondes que le web a engendré sur les sociétés modernes et particulièrement au niveau social, qualifiant Internet comme une évolution comparable pour l’humanité à l’invention de l’imprimerie et surtout à sa diffusion. Tout ceci pour conclure afin de motiver et réveiller les acteurs du web d’aujourd’hui :

Soyons enthousiastes !

C’était la présentation du Dr Jekyll . Pour traiter le deuxième sujet, Tristan Nitot a fait appel au discours moins gentil et mielleux (c’est pas moi qui le dit c’est lui ) de Mr Hyde:

Pourquoi faire l’effort de changer ses méthodes de travail et se remettre en question en se mettant aux standards et à l’accessibilité ? La réponse fut simple et brutale: Car nous n’avons pas le choix !

10h35 : L’accessibilité selon le W3C

C’est Laurent Denis de la société Temesis qui s’y colle avec une présentation édifiante des difficultés d’accès à un document sur le web dont l’accessibilité n’a pas été pensée dès le début. Avec l’aide du logiciel de lecture vocale JAWS, nous avons pu prendre conscience des points essentiels qui doivent être mis en place dans la structure d’un document afin par exemple d’éviter la redondance d’informations avec la technique de liens en haut de page qui mènent directement au contenu ou au menu.

Au delà, c’est un vrai questionnement sur la façon de penser la structure d’un site avant sa création qui s’est posé, afin de prendre en compte un public le plus large possible, avec ses particularités.

11h30 : Passer aux standards dans une grande entreprise

Jean-Louis Carvès, membre du Centre d’Accessibilité IBM, nous a présenté la démarche de mise en conformité de l’intranet d’IBM. Passionnant.

14h00 : Vendre les standards

Laurent Gloaguen, Directeur du pôle Web de l’agence de marketing Cosmic Communication, nous a fait profiter de l’expérience d’une agence web spécialisée dans les standards dans la perspective de communiquer la qualité web auprès des divers interlocuteurs clients et principalement auprès des représentants de la com-marketing.

Cette intervention a suscité de nombreuses réactions (notamment de certaines personnes du public représentant les métiers de la communication et du marketing) et des pistes de réflexions intéressantes pour les métiers du web.

Vous pouvez voir l’émotion suscitée par l’évènement sur son blog.

Pour un aperçu de Parisweb 2006 :

• Les vidéos de quelques interventions filmées par Luc Legay
• Le groupe ParisWeb 2006 sur Flickr (vous pouvez m’y voir dans une concentration parfaite)
• Un reportage de Xavier Borderie du Journal du Net : ParisWeb 2006 : état de l’art de l’accessibilité Web en France
• Un tag Parisweb sur le site de bookmarking social Blogmarks
• Je n’en ferai pas la liste ici car Laurent Gloaguen le fait très bien : les nombreux blogs qui parlent de l’évènement.

Voilà, c’est tout pour l’instant, mais il reste de nombreuses choses à dire car les pistes de réflexions ont été nombreuses. N’hésitez pas à commenter cet article et me dire ce que vous pensez des idées véhiculées par cet évènement et en quoi cela peut faire avancer les métiers du web.

Je vous dit à bientôt pour la suite de cet article.