\n
\n
\nCet article est un rapide tour d’horizon sur ce qui agite le monde du web en mati\u00e8re d’accessibilit\u00e9, de normes en devenir qui imposent un renouvellement complet dans la mani\u00e8re d’int\u00e9grer ou de d\u00e9velopper. On va donc aborder des sujets aussi vari\u00e9s que : la probl\u00e9matique de l’accessibilit\u00e9 sur le web, la balise vid\u00e9o pr\u00e9vu en HTML 5 ou des choses \u00e0 ce jour assez confidentielles comme la notion de Microformat, les formats Europass ou HR-XML pour une homog\u00e9n\u00e9isation des CV !<\/p>\n
Bref, quelles sont les normes \u00e0 venir du web ? O tempora, o mores !<\/i> Et pourquoi ne pas se livrer \u00e0 un peu de prospective… <\/p>\n
* \u00d4 temps, \u00f4 mœurs ! (Cic\u00e9ron, Catilinaires,I,1)<\/i><\/p>\nL’accessibilit\u00e9 sur le web<\/h2>\n
Sans pr\u00e9ambule, la d\u00e9finition de wiki pour une petite mise en bouche ! L’accessibilit\u00e9 du Web est la probl\u00e9matique de l’acc\u00e8s aux services et contenus en ligne pour les handicap\u00e9s et les seniors. D\u00e9finie par des normes techniques \u00e9tablies par la Web Accessibility Initiative (WAI) du World Wide Web Consortium (W3C), elle n\u00e9cessite un traitement tout au long du cycle de vie d’un site Web, par l’ensemble de ses acteurs, via des m\u00e9thodes d’applications, des r\u00e9f\u00e9rentiels m\u00e9tiers et une d\u00e9marche de suivi. Bien qu’elle soit une composante et un levier d’am\u00e9lioration de leur qualit\u00e9 globale, le degr\u00e9 d’accessibilit\u00e9 effectif des sites Web reste actuellement tr\u00e8s faible.<\/p><\/blockquote>\n Plut\u00f4t indigeste ! En \u00e9tant un peu ironique, c’est avec ce genre de d\u00e9finition que l’on d\u00e9go\u00fbte les professionnel(le)s de la profession de s’int\u00e9resser \u00e0 l\u2019accessibilit\u00e9 tant cela sent le « jargonnage technico-informatico ». Toutefois une fois, la premi\u00e8re pouss\u00e9e urticante que peut vous donner cette d\u00e9finition et expurger du jargon, cette d\u00e9finition contient quelques informations essentielles \u00e0 mes yeux :<\/p>\n Au-del\u00e0 l\u00e0 de notre compr\u00e9hension, quelles r\u00e8gles puis-je suivre lors de la cr\u00e9ation d\u2019un site pour r\u00e9pondre aux principaux crit\u00e8res d\u2019accessibilit\u00e9. Le site pompage.net en fournit une liste qui est \u00e0 notre avis un bon point de d\u00e9part. La liste est ci-dessous.<\/p>\n Nous privil\u00e9gierons pour notre part les 5 points suivants en nous inspirant de cette liste.<\/p>\n La liste hecube<\/b><\/p>\n La liste du site pompage.net pour l’accessibilt\u00e9.<\/b><\/p>\n Source : http:\/\/www.pompage.net\/pompe\/evaluer-accessibilite-site-2\/<\/a><\/i><\/p>\n Le liste du blog.kinoa.com<\/b><\/p>\n Source : http:\/\/blog.kinoa.com\/2008\/05\/26\/10-astuces-pour-ameliorer-l-accessibilite-de-votre-site-web\/<\/a><\/i><\/p>\n Voil\u00e0 une innovation qui si elle se mets en place et se r\u00e9pand va faire du bruit ! En effet, vous serez en mesure de contourner toutes les solutions aujourd’hui propri\u00e9taires qui vous permettent de visualiser de la vid\u00e9o ! Bye bye, donc, Windows Media player, Silverlight, Adobe Flash\u2026 L\u2019enjeu est donc de taille et on comprend mieux pourquoi dailymotion est sur les rangs pour l’adoption de ce nouveau format par exemple.<\/p>\n Cette balise est propre \u00e0 l’HTML 5, elle permet donc de lancer un fichier vid\u00e9o ou une vid\u00e9o en streaming. Par ailleurs, vous poss\u00e9dez une collection d’attributs Si la balise se diffuse et devient un standard dans son utilisation, cela enverra dans les poubelles de l’histoire toutes les solutions existantes du march\u00e9. Ce ph\u00e9nom\u00e8ne ne s\u2019est-il pas produit dans les technologies de streaming avec aujourd\u2019hui l\u2019utilisation en quasi monopole de la vid\u00e9o Avec cette nouveaut\u00e9, nous sommes carr\u00e9ment plus dans un possible avenir que dans une r\u00e9alit\u00e9 concr\u00e8te. Les Microformats sont des petits mod\u00e8les de HTML pour repr\u00e9senter des choses commun\u00e9ment publi\u00e9es comme des personnes, des \u00e9v\u00e9nements, des billets de blog, des critiques et des mots-cl\u00e9s dans les pages web. L’objectif est ambitieux si on lit plus avant notamment concernant la r\u00e9indextion possible des donn\u00e9es present\u00e9es de la sorte. \nLes microformats sont un moyen d’ajouter un simple balisage \u00e0 des items de donn\u00e9es lisibles par des humains, tels que des \u00e9v\u00e9nements, des d\u00e9tails sur un contact ou des endroits, sur des pages web, de telle fa\u00e7on que l’information puisse \u00eatre extraite par le logiciel et index\u00e9e, cherch\u00e9e, sauvegard\u00e9e, r\u00e9f\u00e9renc\u00e9e ou combin\u00e9e.<\/p><\/blockquote>\n La “bouillie” de vcard<\/b><\/p>\n Les m\u00eames informations structur\u00e9es \u00e0 l’aide des microformats<\/b><\/p>\n La philosophie du Microformat revendique clairement une parent\u00e9 avec celle de REST, pour les familiers du d\u00e9veloppement en RoR et de l’univers des “web service”.<\/p>\n Un d\u00e9finition de REST par le JDN<\/b><\/p>\n \nL’architecture REST n’est pas un protocole en soi, ni une technologie, mais une “philosophie” de l’utilisation du Web. Le protocole utilis\u00e9 ici est simplement HTTP avec ses m\u00e9thodes (GET, POST et les autres\u2026). Cette philosophie estime qu’il n’est, dans bien des cas, pas n\u00e9cessaire de faire appel aux couches d’abstraction propos\u00e9es par SOAP et XML-RPC, et que les m\u00e9thodes de HTTP, combin\u00e9es avec de bonne URIs, suffisent amplement dans la majorit\u00e9 des cas.\n<\/p><\/blockquote>\n Bien qu’il s\u2019agit d\u2019une initiative dans un secteur particulier celui des ressources humaines, cet exemple est int\u00e9ressant car il peut \u00e0 terme tous nous concerner en effet qui n’a pas \u00e9crit un CV une fois dans sa vie. L’id\u00e9e est simple \u00e9tablir un standard, sur la base de Plusieurs questions apparaissent d\u00e8s lors : <\/p>\n Plus s\u00e9rieusement, ce type d’initiative chercher \u00e0 normaliser un peu mieux l’extr\u00eame quantit\u00e9 et profusion d’informations disponibles sur le Web comme le sont les CV, les fiches produits, les tutoriaux. Bref tous les documents pourraient conna\u00eetre ce type d\u2019indexation et d\u2019ordonnancement pour faciliter leur accessibilit\u00e9 par tous.<\/p>\n Cet article est un rapide tour d’horizon sur ce qui agite le monde du web en mati\u00e8re d’accessibilit\u00e9, de normes en devenir qui imposent un… <\/p>\n
\nLa d\u00e9finition de wikip\u00e9dia<\/b><\/p>\nCe qu’il faut retenir de cette d\u00e9finition<\/h4>\n
\n
Les recommandations \u00e0 suivre<\/h4>\n
\n
alt<\/code>, title<\/code> pour les liens, les images, les titres des pages. Tr\u00e8s bon pour le r\u00e9f\u00e9rencement de toutes les fa\u00e7ons.<\/li>\n\n
\n
Des liens utiles sur l’accessibilit\u00e9<\/h4>\n
\n
\nhttp:\/\/fr.wikipedia.org\/wiki\/Accessibilit%C3%A9_du_Web<\/a><\/li>\n
\n\thttp:\/\/www.nota-bene.org\/Accessiweb-premier-forum-europeen-sur-l-accessibilite-numerique<\/a> <\/li>\n
\n\thttp:\/\/openweb.eu.org\/articles\/intro_accessibilite\/<\/a> <\/li>\n
\n\thttp:\/\/www.internet.gouv.fr\/information\/information\/dossiers\/internet-handicap\/un-cadre-legislatif-accessibilite-numerique-320.html<\/a> <\/li>\n
\n\thttp:\/\/www.w3.org\/WAI\/<\/a> <\/li>\n
\n\thttp:\/\/www.w3.org\/Translations\/WCAG20-fr\/<\/a> <\/li>\n<\/ul>\nLa balise vid\u00e9o<\/h2>\n
Les avantages compar\u00e9s de
<video>...<\/video><\/code><\/h4>\nautoplay, controls, end, height, loopend...<\/code> qui permet par exemple d’ins\u00e9rer des boutons de contr\u00f4le…
\nVous \u00eates ici en terrain connu si vous avez des notions d’HTML, c’est une nouvelle balise comme img<\/code> par exemple.<\/p>\n.flv<\/code><\/b><\/p>\n\n
\n\tVoir ces d\u00e9mos du site de dailymotion n\u00e9cessite le t\u00e9l\u00e9chargement du dernier Firefox (;http:\/\/www.mozilla.com\/en-US\/firefox\/all-beta.html<\/a>) http:\/\/www.dailymotion.com\/openvideodemo<\/a><\/li>\n<video>...<\/video><\/code>
http:\/\/www.w3schools.com\/tags\/html5_video.asp<\/a><\/li>\n<video>...<\/video><\/code>
\n\t\thttp:\/\/navigosaure.net\/carnet\/103-mise-au-point-sur-la-balise-video-dhtml5-et-son-integration-dans-firefox-31<\/a><\/li>\n
\n\t\thttp:\/\/blog.dailymotion.com\/2009\/05\/27\/watch-videowithout-flash\/<\/a><\/li>\n<\/ul>\nMicroformat<\/h2>\n
\nOn voit un peu quelle pourrait \u00eatre la finalit\u00e9 de tout cela dans la d\u00e9finition donn\u00e9e par “Que sont les Microformats ?”<\/p>\nLe microformat appliqu\u00e9 \u00e0 une
vcard<\/code><\/h4>\n\r\n\r\nBEGIN:VCARD\r\nVERSION:2.1\r\nN:Hemedia;Hecube;;;\r\nFN:Contact Hecube\r\nORG:Hemedia.net Hecube.net;\r\nTITLE:Contact Hecube\r\nEMAIL;INTERNET;HOME:contact@hecube.net\r\nTEL;WORK:33 (0)1 43 71 80 03\r\nADR;WORK:;;23, villa riberolles;Paris;France;75020;\r\nEND:VCARD\r\n<\/pre>\n
\r\n<div class="vcard">\r\n <span class="fn"><span class="given-name">Hecube<\/span>\r\n <span class="family-name">Hemedia<\/span><\/span>,\r\n <span class="title">Contact Hecube<\/span>,\r\n <div class="org">Hemedia.net Hecube.net<\/div>\r\n <div class="adr">\r\n <div class="street-address">23, villa riberolles<\/div>\r\n <span class="locality">Paris<\/span>,\r\n <span class="region">France<\/span>\r\n <span class="postal-code">1007502000<\/span>\r\n <\/div>\r\n <div>Tel: <span class="tel">33 (0)1 43 71 80 03<\/span><\/div>\r\n <div>Email:\r\n <span class="email">contact@hecube.net<\/span><\/div>\r\n<\/div>\r\n<\/pre>\n
Pas en REST…<\/h4>\n
\n
\n\thttp:\/\/fr.wikipedia.org\/wiki\/Microformat<\/a><\/li>\n
\n\thttp:\/\/microformats.org\/wiki\/Main_Page-fr<\/a><\/li>\n<\/ul>\nHR-XML<\/h2>\n
XML<\/code>, le HR-XML<\/code>. Ce dernier propose une structure de documents XML qui se pr\u00eate tout particuli\u00e8rement \u00e0 un stockage \/ exploitation de curriculum vitae.<\/p>\n\n
\n
\n\thttp:\/\/www.jobetic.net\/Le-CV-universel-utopie-ou-realite_a630.html<\/a><\/li>\n
\n\thttp:\/\/xmlfr.org\/actualites\/tech\/031105-0002<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"