Website Accessibility Testing Evaluate HTML content for accessibility problems Accessibility Guidelines that DYNO Mapper checks against. BITV 1.0 (Level 2)Section 508Stanca ActWCAG 1.0 (Level A)WCAG 1.0 (Level AA)WCAG 1.0 (Level AAA)WCAG 2.0 (Level A)WCAG 2.0 (Level AA)WCAG 2.0 (Level AAA) Review all known, likely, and potential problems for each website page. Known problems: These are problems that have been identified with certainty as accessibility barriers. Export your accessibility reports to CSV and PDF.
Behavior Design Bootcamp with Stanford’s Dr. BJ Fogg I was recently in Northern California by way of an invitation from Dr. BJ Fogg, head of Stanford University’s Persuasive Technology Lab, to study and learn his new behavior design methodology. In addition to his landmark successes at Stanford and in industry (like groundbreaking research and several patents), BJ travels the globe training innovators at large, consumer-facing companies on how to build products and experiences that create new behaviors. Admittedly, behavior design can sound a bit “heady.” Don’t let it throw you. As an experience designer operating at the four-way intersection of design thinking, human behavior, technology, and systems thinking, I jumped at the chance to join nine others from around the world to be one of the first to participate in BJ’s behavior design bootcamp of sorts. BJ promised to teach us “to see what others don’t,” and to think systematically about behavior change. Behavior Design Bootcamp: Day One This is Not Design Thinking The Behavior Model
Palette de 4096 couleurs version 2.1 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs · 4096 Couleurs affiche la liste | cache la liste Survolez le carré pour changer la saturation (de gauche à droite) et la luminosité (de haut en bas) de votre teinte. Avec le clavier, faites tourner la roue chromatique :j doucement, dans le sens antihoraire,k vite, dans le sens antihoraire, etl doucement, dans le sens horaire. Atteindre une couleur primaire ou secondaire : r rouge, g vert, b bleu, c cyan, m magenta, ou y jaune. la touche enter ajoute la couleur à votre liste (p).
25-point Website Usability Checklist I've been thinking a lot lately about my process. Experience is a powerful thing, but it's rare that we really sit down and try to map out what we know. A while back, as part of my 5-point Website Clinic, I developed a 25-point website usability checklist - a way to create some method out of my madness and make sure that I don't forget anything critical when I'm working with a new client. Even though it's part of one of my paid offerings, I've decided to share this checklist. A few disclaimers: First, I don't claim this list is comprehensive or unique. Basic Overview The list is split into 4 roughly equal sections, (I) Accessibility, (II) Identity, (III) Navigation, and (IV) Content. Section I. This section contains not only traditional accessibility issues, but anything that might keep a visitor from being able to access the information on a website. 1. 2. 3. 4. 5. 6. Section II. A key question when someone first comes to your site is "Who are you?" 7. 8. 9. 10. 11. Section III. 12.
Index to Adaptive Computer Hardware and Software The Blind Readers' Page--Main Menu Last revision: November 12, 2002 This list is intended as a quick-reference index to a wide variety of adaptive computer hardware and software, as well as many other sorts of adaptive equipment for blind or visually handicapped people, including magnifiers and reading machines. It also includes references to retailers and other sources of information about all sorts of adaptive equipment. Given the rapid growth of the field, the Index cannot be comprehensive; it is as up to date as I can make it, but inevitably there will be dead links and some outdated models of equipment. For each category, however, it does cover most of the the spectrum of possibilities. Biolink Accessible MP3 Player. ALVA 544 Satellite: HumanWare. Braille Lite M20 and M40: notetakers with 20- and 40-cell refreshable braille displays: Freedom Scientific.
Inside Team Romney’s whale of an IT meltdown It was supposed to be a "killer app," but a system deployed to volunteers by Mitt Romney's presidential campaign may have done more harm to Romney's chances on Election Day—largely because of a failure to follow basic best practices for IT projects. Called "Orca," the effort was supposed to give the Romney campaign its own analytics on what was happening at polling places and to help the campaign direct get-out-the-vote efforts in the key battleground states of Ohio, Florida, Pennsylvania, Iowa, and Colorado. Instead, volunteers couldn't get the system to work from the field in many states—in some cases because they had been given the wrong login information. The system crashed repeatedly. As one Orca user described it to Ars, the entire episode was a "huge clusterfuck." Develop in haste, repent at leisure The Romney campaign put a lot of stock in Orca, giving PBS NewsHour an advance look at the operation on November 5. Part of the issue was Orca's architecture. All tell, no show
CSS3 : résumé et exemples Fabrice Maurel Université de Caen - Année 2012-2013 Le langage de feuille de style décrit dans la norme CSS répond à plusieurs objectifs : Lier du style aux documents structurésSéparer la présentation du style du contenu des documentsSimplifier l'édition pour le Web et la maintenance d'un site La norme actuelle est la norme CSS2.1, ou CSS level 2.1 CSS pour Cascading Style Sheet et level 2 car c'est la 2ème recommandation du W3C (datant de 1998). La migration vers la norme CSS3 est en cours de validation mais déjà largement intégrée par les principaux navigateurs. Les feuilles de style permettent de définir des règles de mise en forme du document HTML. Les sélecteurs Un sélecteur permet de choisir les éléments qui utiliseront le style défini. Un sélecteur peut être : Remarque : Les commentaires sont entre /* et */ dans une feuille de style. Localisation des définitions de style Les définitions de style peuvent être placées à différents endroits : Modifications locales de style L'élément <div>
Content Inventory Project Management (4) A project plan takes into account the approach the team will take and helps the team and stakeholders document decisions made regarding the objective, scope, schedule, resources, and... Creating an interdisciplinary team with the right mix of skills is vital to the smooth and successful execution of any project. Team members may be able to cover multiple roles or there may... Website requirements are a list of necessary functions, capabilities, or characteristics related to your website and the plans for creating it. User Research (14) When reporting results from a usability test, you should focus primarily on your findings and recommendations that are differentiated by levels of severity. Task analysis is the process of learning about ordinary users by observing them in action to understand in detail how they perform their tasks and achieve their intended goals. Usability Evaluation (14) Information Architecture (4) User Interface Design (4)