background preloader

Introduction à WAI ARIA (traduction)

Introduction à WAI ARIA (traduction)
Grégoire Dierendonck Cet article est destiné à des personnes ne connaissant pas ARIA. Vous devriez avoir une bonne connaissance du langage HTML et des problèmes que peuvent rencontrer les personnes handicapées sur le web. Connaître quelques application web « riches » (RIA) d’un point de vue utilisateur serait un plus. Après avoir lu cet article, vous comprendrez à quoi sert ARIA, comment l’intégrer à vos sites, et comment l’utiliser dès immédiatement et même sur le plus simple des sites pour le rendre plus accessible. Introduction Le langage HTML (HyperText Markup Language) n’a pas été conçu pour créer des applications web. Malheureusement, les techniques utilisées pour outrepasser ces limitations ne sont absolument pas accessibles. Les mises à jour sont souvent mal perçues par les personnes utilisant une technologie d’assistance. Petit historique du langage HTML Applications web Reproduction d’applications bureau Requêtes serveur en arrière plan Reproduire des composants riches (widgets) main

json_encode et json_decode en PHP4 Malgré ce que j'ai pu dire précédemment, il arrive parfois que je doive adapter mes scripts pour des versions anciennes de PHP. Je suis donc obligé d'avoir une petite série de fonctions de compatibilité, que je vais vous proposer au fil de mes développements. Les fonction json (decode et encode) ne sont natives en PHP que depuis la version 5.2, mais heureusement il y a un moyen de les rendre accessibles depuis les versions antérieures. Ensuite, ce petit script vous permet de créer (si nécessaire) les fonctions: <? Bien entendu, je pars du principe que JSON.php est dans le même répertoire que le fichier de fonctions, à vous d'adapter les chemins utilisés dans require_once

HTML accessibility task force Wiki Spring 2010 jQuery Talks I gave a number of talks this spring on jQuery and especially on some of the recent additions made in jQuery 1.4. Below are all the slides and demos that I’ve given. The conferences / meetups that I spoke at (or will speak at, in the case of MIX), and the talks that I gave, are as follows: Webstock (Wellington, NZ) (Introduction to jQuery Workshop, Things You Might Not Know About jQuery)Future of Web Apps (Miami, FL) (Introduction to jQuery Workshop, Improve Your Web App with jQuery)jQuery Boston Meetup (Boston, MA) (Things You Might Not Know About jQuery)MIX (Las Vegas, NV) (Improve Your Web App with jQuery) Introduction to jQuery Workshop This workshop starts with an introduction to the fundamentals of jQuery (1 hour) and continues on with two pieces of hands-on coding (Todo list, 30 min, Social Networking Site, 1.5 hours). Source Code In the workshop I also had two pieces of hands-on coding. Source Code Reset Demo Edit Demo Source Code Reset Demo Edit Demo Source Code Source Code, page d'accueil - Améliorez l'accessibilité de vos interfaces Web iScroll This script has been superseded by iScroll 4 . This page is kept for historical reasons . Project info Project state: ACTIVE (code is actively updated) Last code update: 2010.10.08 – v3.7.1 Device compatibility: iPhone/Ipod touch >=2.0, Android >=1.5, iPad >=3.2. Support development If this script saved your day or you wish to support iScroll and other scripts development you may consider sending some funds via PayPal. Overview iScroll was born because mobile webkit (on iPhone, iPod, Android and Pre) does not provide a native way to scroll content inside a fixed width/height element. Luckily mobile webkit offers a powerful set of hardware accelerated CSS properties that can be used to simulate the missing functionality, so the iScroll development started… But there’s no rose without thorn. How to use First of all we need to prevent the default behavior of standard touch events. iScroll takes two parameters. <div id="wrapper"><div id="scroller"><ul><li>... That’s it. Accepted options are:

Fixed positioning in Mobile Safari | Doctyper 11/16/2010: It’s been a long time since my fixed positioning script was released. I’m very pleased that it was the precursor for much more robust solutions to this problem. Please continue on if you’d like to read through the history of this hack. Update: An anonymous genius in the comments suggested using translateY instead of top for the animation. Update 2: This code is released to the public domain. Behold, fixed positioning on iPhone! Here’s a video for those without iPhones. With the release of iPhone OS 2.0 came some great improvements over previous Mobile Safari versions. I played around with these new goodies while hunting for improvements to build into Pickleview. I grew curious as to what I could specifically call this on, and started testing out several elements. First, let’s recap why fixed positioning does not work off-the-bat. This renders fixed positioning null and void on iPhone. There are workarounds in the wild, but these are inelegant.