Archive for : novembre, 2018

Guide de syntonisation alternée: Interactive

La source: http://sethares.engr.wisc.edu/alternatetunings/alternatetuningsInteractive.html

De nouveaux accords inspirent de nouvelles pensées musicales. D’autres syntonisation vous permettent de jouer des voix et de glisser entre les formes d’accords qui seraient normalement impossibles. Ils donnent accès à des chaînes ouvertes non standard. Jouer des doigtés familiers sur un manche peu familier est passionnant-vous ne savez jamais exactement à quoi s’attendre. Et travailler sur des riffs familiers sur un manche peu familier suggère souvent de nouveaux modèles sonores et des variations. Ce guide vous aide à explorer d’autres façons de faire de la musique. Le Guide de syntonisation alternatif vous montre comment glisser votre guitare dans tous les Tunings alternatifs populaires, vous montre comment doigt ouvert et des accords de barre, comment jouer des échelles représentatives, et affiche graphiquement les notes comme ils apparaissent sur le manche. Les points forts et les limites de chaque Tuning sont discutés, vous aidant à tirer le meilleur parti de vos explorations musicales. Cette version interactive nécessite le joueur Wolfram CDF, que vous pouvez télécharger gratuitement.

Si l’interface CDF ne s’affiche pas (cela peut se produire en fonction de votre navigateur et de ses préférences), vous pouvez le télécharger ici: Tuning alternatif interactif.

Vous pouvez télécharger une version imprimable. pdf du Guide de syntonisation alternéecomplète.

Vous cherchez des Tunings vraiment sauvages? Qu’en est-il d’une guitare qui est frettée pour un tempérament égal à 19 tons ?

Cartes-images CSS

La source: http://www.frankmanno.com/ideas/css-imagemap/

Images Cartes

Voici un exemple de mappage d’image qui est construit entièrement en CSS et XHTML. Alors que j’ai ajouté le support de Javascript (élément titres sont simplement affichés sous l’image), j’ai désactivé dans cet exemple — j’ai rencontré un petit problème lorsque JS est activé et CSS est désactivé (plus de détails ci-dessous).

L’idée de départ pour cela provenait d’un message sur le blog que j’ai lu plus au blog de Gina Trappini, Scribbling.net. Son exemple a été bien fait, mais je voulais tenter le même (ou similaire) à l’aide de seulement CSS.

J’ai ensuite trouvé un lien vers le site The Daily Kryogenix (par la poste de Gina) qui a conduit à une image interactive qui a fait usage de briquet à DHTML et fait usage de la <title> tag pour afficher les notes sur un hotspot. Pourtant, un peu tributaire de Javascript/DHTML.

En fin de compte, j’ai décidé de faire usage de de Doug Bowman portes coulissantes technique combinée à une liste de définitions. <dl></dl>

La technique des portes coulissantes permet de contenir tous vos effets de survol de l’image dans un fichier image, et faire usage de la background-position propriété CSS à « shift » l’image dans n’importe quelle direction. En ajoutant un :hover effet à vos CSS (dans ce cas, la <a> balise contenue dans le <dd> tag), vous pouvez changer l’image à une position désirée.

Ce que j’ai fait construire le plan de l’image dans Photoshop. Comme vous pouvez le voir sur cette image, la carte se compose de 3 copies de la même image, chacun avec des marques différentes. Du haut (1 de 3) marque simplement les points chauds avec des nombres et intermédiaire et inférieur images (2 et 3/3) chacune contenant les effets de survol (transparence blanc). Vous demandez peut-être pourquoi l’effet de substitution est séparé en deux images distinctes. La raison de la séparation est en raison du chevauchement dans les éléments adjacents (c’est à dire : l’écran, l’ordinateur portable et la disquette sur le bureau). Plutôt que d’avoir une collision entre les deux points, les effets de survol pour les éléments voisins ont été séparées sur plusieurs copies d’une même image.

Essentiellement, la façon dont cela fonctionne est en plaçant le titre du hotspot point dans la définition à terme Tag <dt></dt> de votre liste, suivie de la description dans la balise de définition-description <dd></dd>. Le CSS puis cache le terme définition (ce qui est vraiment utilisé pour quand CSS est désactivé), ainsi que la définition-description (affichée sur le survol de l’ancre) et affiche la description de définition (dans ce cas, la description du forfait que vous avez choisi pour votre imagemap) et absolument positionne et affiche la description à rouler sur le hotspot (également défini dans le CSS).

Le code se dégrade aussi avec élégance. Un <img> tag, qui affiche une version non mappés de la carte de l’image, est masquée à l’aide de CSS. Pour ceux qui ont des CSS désactivé, la version cartographiée de l’image (image 3 pièces) ne s’affiche pas, puisqu’il fait partie de la background propriété CSS. Plutôt la version non mappé s’affiche, ainsi qu’une liste de définition sans style. Si vous avez l’extension Web Developer pour Firefox, Allez-y et désactiver les styles. Vous aurez une meilleure idée de la dégradation.

Un échantillon du code est affiché en dessous (afficher la source complète de CSS et XHTML) :

CSS:


dd#monitorDef{ top: 65px; left: 114px; }
dd#monitorDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; }
dd#monitorDef a span{ display: none; }
dd#monitorDef a:hover{ position: absolute; background: transparent url(office.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#monitorDef a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 100%;
 margin: 0;
 padding: 5px;
 width: 250%;
}

HTML:


<dl id="officeMap">
 <dt id="monitor">1. moniteur</dt>
 <dd id="monitorDef"><a href="#"><span>Voici mon 17 » moniteur. Je voudrais qu'avoir un écran LCD !</span></a></dd>
 <dt id="phone">2. téléphone</dt>
 <dd id="phoneDef"><a href="#"><span>Cette chose jamais arrêter sonnerie ?</span></a></dd>
 <dt id="case">3. boitier PC</dt>
 <dd id="caseDef"><a href="#"><span>Il s’agit de ma boîte Linux fou ! Vous allez aimer que Linux...</span></a></dd>
 <dt id="notebook">4. IBM ThinkPad</dt>
 <dd id="notebookDef"><a href="#"><span>Voici mon cahier de Linux. Des fous de codage en cours.</span></a></dd>
 <dt id="floppy">5. externe lecteur de disquette</dt>
 <dd id="floppyDef"><a href="#"><span>Lecteur de disquette. Antique... Je sais !</span></a></dd>
</dl>

Bien que ce ne soit pas le plus « ideal » solution là-bas, il élargit certainement les exemples énumérées ci-dessus. J’ai adoré idée de Gina, c’est pourquoi j’ai tenté d’étendre là-dessus. Malheureusement, avec les limitations actuelles de CSS (ainsi que certains navigateurs), je n’ai pas pu répliquer totalement la exactement les fonctionnalités d’exemple de Gina.

Voici un exemple qui utilise les CSS et Javascript. Je suis tombé sur l’un des problèmes sont quand CSS est personnes handicapées, mais Javascript est activé. Il se produit quelque chose de bizarre avec la liste de définition. Si vous savez comment résoudre ce problème, faites le moi savoir. Je serais ravi de le faire fonctionner.

J’ai réussi à venir à travers la carte d’une autre tentative à une image de CSS, qui est vraiment superbe. Malheureusement, en raison des limites de l’IE (plus précisément avec le seul soutien de la :hover effet sur le <a> tag), Il n’est pas compatible multi-navigateurs (encore !).

Si vous avez des questions, préoccupations, et/ou des suggestions d’amélioration, s’il vous plaît n’hésitez pas à m’envoyer une note : frankmanno – at-] gmail [- dot-] com ou laisser un commentaire sur mon blog.

Les exemples ont été avec succès mis à l’essai dans Safari, Firefox (Mac/Win), IE6/Win et Opera 7.5/Mac. Pour une raison étrange, la version Javascript fonctionne dans IE5/Mac, alors que la version non-Javascript n’est pas.

Théorème des quatre couleurs

La source: http://people.math.gatech.edu/~thomas/FC/fourcolor.html

Cette page donne un bref résumé d’une nouvelle preuve des théorème des quatre couleurs et un algorithme de quatre-Coloriage trouvé par Neil Robertson, Daniel P. Sanders, Paul Seymour et Robin Thomas.


USA


Table des matières :

  1. Histoire.
  2. Pourquoi une nouvelle preuve ?
  3. Plan de la preuve.
  4. Principales caractéristiques de notre preuve.
  5. Configurations.
  6. Décharge règles.
  7. Pointeurs.
  8. Un algorithme quadratique.
  9. Discussion.
  10. Références.

Histoire.

La remonte de quatre problèmes de couleur en 1852 lorsque Francis Guthrie, alors qu’il tentait de colorier la carte des comtés d’Angleterre a remarqué que quatre couleurs a suffi. Il a demandé à son frère Frederick si c’était vrai que toute carte peut être colorée en utilisant quatre couleurs de telle sorte que les régions adjacentes (c’est-à-dire un segment de frontière commune, pas seulement d’un point de partage) reçoivent des couleurs différentes. Frederick Guthrie a ensuite communiqué la conjecture à DeMorgan. La première référence écrite est due à Cayley en 1878.

Un an plus tard, la première « preuve » de Kempe est apparu ; son inexactitude a été souligné par Heawood 11 ans plus tard. Une autre preuve ayant échouée doit avoir Tait en 1880 ; une lacune dans l’argument a été soulignée par Petersen en 1891. Les deux épreuves ayant échouées ai eu quelque valeur, cependant. Kempe a découvert ce qui est devenu connu comme chaînes de Kempe et Tait trouvé une formulation équivalente du théorème des quatre couleurs en termes de 3-bord-coloriage.

La prochaine contribution majeure provenait de Birkhoff dont le travail a permis de Franklin en 1922 pour prouver que la conjecture des quatre couleurs est vraie pour les cartes avec plus de 25 régions. Il était également utilisé par autres mathématiciens de faire différentes formes de progrès sur le problème des quatre couleurs. Il faut mentionner spécifiquement Heesch qui a développé les deux principaux ingrédients nécessaires à la preuve ultime – reducibility et la décharge. Alors que le concept de reducibility a été étudié par d’autres chercheurs aussi bien, il semble que l’idée d’avoir déchargé, crucial pour la partie du caractère inéluctable de la preuve, est due à Heesch, et que c’est lui qui conjecturé qu’un développement adapté de cette méthode serait résoudre le problème de couleur quatre.

Ceci a été confirmé par Appel et Haken en 1976, quand ils ont publié leur preuve du théorème de couleurs quatre [1,2].

Pourquoi une nouvelle preuve ?

Il y a deux raisons pourquoi la preuve de l’Appel-Haken n’est pas tout à fait satisfaisante.

  • Partie de la preuve de l’Appel-Haken utilise un ordinateur et ne peut être vérifiée à la main, et
  • même la partie qui est censé être main-contrôlable est extraordinairement compliquée et fastidieuse, et qu’autant que nous sachions, personne n’a vérifié il dans son intégralité.

Nous ont en fait tenté de vérifier la preuve de l’Appel-Haken, mais bientôt abandonné. Vérification de la part de l’ordinateur n’exigerait pas seulement beaucoup de programmation, mais aussi inputing les descriptions des graphes de 1476, et qui n’était même pas la partie la plus controversée de la preuve.

Nous avons décidé qu’il serait plus rentable de travailler à notre propre preuve. Donc, nous avons fait et est venu avec une preuve et un algorithme qui sont décrits ci-dessous.

Présentation de la preuve.

L’idée de base de la preuve est le même que l’Appel et de Haken. Nous présentent un ensemble de 633 « configurations » et de prouver à chacun d’eux est « reducible ». Il s’agit d’un concept technique qui implique qu’aucune configuration avec cette propriété ne peut apparaître dans un contre-exemple minime pour le théorème des quatre couleurs. Il peut également être utilisé dans un algorithme, car si une configuration réductible apparaît dans un graphe planaire G, alors on peut construire en temps constant un plus petit graphe planaire G’ telle que tous les quatre-coloriage de G’ peut être converti en un quatre-coloriage de G en temps linéaire.

On sait depuis 1913 que chaque minime contre-exemple au théorème des quatre de couleurs est une triangulation 6-reliée en interne. Dans la deuxième partie de la preuve, nous démontrons qu’au moins une de nos 633 configurations apparaît dans chaque triangulation plane 6-reliée en interne (pas nécessairement un contre-exemple minime à la CT 4). Ceci s’appelle prouvant le caractère inéluctable et utilise le « discharging method », première fois suggérée par Heesch. Ici, notre méthode diffère de celle de l’Appel et Haken.

Principales caractéristiques de notre preuve.

Nous confirmons une conjecture de Heesch qu’à prouver le caractère inéluctable, une configuration réductible peut être trouvée dans le second quartier d’un « overcharged » vertex ; C’est comment éviter « immersion » les problèmes qui ont été une importante source de complication pour l’Appel et Haken. L’ensemble de nos inévitable a taille 633 par opposition à l’ensemble de 1476 membres de Appel et Haken, et notre méthode de décharge utilise seulement 32 en déchargeant les règles, au lieu des 300 + d’Appel et Haken. Enfin, on obtient un algorithme quadratique à quatre couleurs graphes planaires (décrit plus loin), une amélioration par rapport à l’algorithme quartique d’Appel et Haken.

Configurations.

Une proximité par triangulation est un graphe de plan loopless connectés non nulle telle que chaque région finie est un triangle. Une configuration K se compose d’un proche par triangulation et un g carte de v (g) pour les entiers avec les propriétés suivantes :

  1. pour chaque sommet v, Gv a au plus deux composantes, et s’il y en a deux, alors le degré de v est g (v) -2,
  2. pour chaque sommet v, si v n’est pas incidente avec la région infinie, alors g (v) est égale à la mesure de v, et sinon g (v) est supérieure à la mesure de v ; et dans des cas non plus g > 4,
  3. K a anneau-taille au moins 2, où la taille de l’anneau de K est défini comme étant la somme de g (v)-deg (v) -1, a résumé sur tout incident v de sommets avec la région infinie, telle que Gv est connecté.

Lorsque vous dessinez des images des configurations nous utilisons une convention introduite par Heesch. Les formes des sommets d’indiquent la valeur de g (v) comme suit : un cercle noir solid signifie g (v) = 5, un point (ou ce qui n’apparaît dans l’image comme aucun symbole du tout) signifie g (v) = 6, un cercle creux signifie g (v) = 7, un creux carrés moyens g (v) = 8 , un triangle signifie g (v) = 9 et un pentagone moyen g (v) = 10. (Nous ne devons pas les sommets v avec g > 11 et qu’un seul sommet avec g (v) = 11, pour laquelle nous n’utilisons pas n’importe quel symbole spécial.) Dans l’image ci-dessous 17 de nos configurations réductibles 633 sont affichés à l’aide de la convention indiquée. (Nous nous référons à (3.2) de notre papier [7] pour la signification des « thick edges » et « half-edges » dans ces images.)


Confs


N’importe quelle configuration isomorphe à une des 633 configurations exposées dans [7] est appelée une bonne configuration. Soit T une triangulation. Une configuration K=(G,g) apparaît dans T si G est un sous-graphe induit de T, chaque région finie de G est une région de T et g est égal au degré de v en T pour chaque vertex de v de G. Nous démontrons les deux instructions suivantes.

Théorème 1. Si T est un contre-exemple minime pour le théorème des quatre couleurs, aucune bonne configuration n’apparaît ensuite dans T.

Théorème 2. Pour chaque connecté en interne 6 triangulation T, une bonne configuration apparaît dans T.

Depuis les deux théorèmes ci-dessus, il s’ensuit qu’aucun contre-exemple minime n’existe, et donc le 4CT est vrai. La première preuve a besoin d’un ordinateur. Le second peut être vérifié à la main dans quelques mois, ou, à l’aide d’un ordinateur, il peut être vérifié en environ 20 minutes.

Evacuation des règles.

Soit T une triangulation 6-reliée en interne. Au départ, chaque vertex v est assignée à une accusation de 10(6-deg(v)). Il résulte de la formule d’Euler que la somme des charges de tous les sommets est de 120 ; en particulier, il est positif. Nous redistribuons maintenant les frais selon les règles suivantes, comme suit. Chaque fois que T a un sous-graphe isomorphe à l’un des graphiques dans la figure ci-dessous répondant aux spécifications de degré (pour un v vertex d’une règle avec un signe moins à côté de v, cela signifie que le degré du sommet correspondant de T est au maximum la valeur spécifiée par la forme o f v et par analogie pour les sommets avec un signe plus à côté d’eux ; l’égalité est requise pour les sommets sans signe à côté d’eux) une charge d’un (deux dans le cas de la première règle) doit être envoyé le long du bord avec une flèche.


Rules


Cette procédure définit un nouvel ensemble de charges avec la même somme totale. Étant donné que la somme totale est positive, il y a un sommet v en T dont nouvelle accusation est positive. Nous montrons qu’une bonne configuration apparaît dans le deuxième quartier de v.

Si le degré de v est au plus 6 ou au moins de 12, puis le voit assez facilement par un argument direct. Dans les autres cas, cependant, les preuves sont beaucoup plus compliquées. Par conséquent, nous avons écrit les épreuves dans un langage formel afin qu’ils peuvent être vérifiées par un ordinateur. Chaque étape individuelle de ces épreuves est vérifiable à l’homme, mais les preuves elles-mêmes ne sont pas vraiment contrôlable à la main, à cause de leur longueur.

Pointeurs.

La partie théorique de notre preuve est décrite dans [7]. Une étude de 10 pages est disponible en ligne. Les programmes et les données de l’ordinateur utilisé pour être situé sur un serveur ftp anonyme, mais ce serveur a été éliminé. Les mêmes fichiers sont maintenant disponibles à http://www.math.gatech.edu/~thomas/OLDFTP/four/. Un ensemble indépendant de programmes a été écrit par George Fijavz< under=" the=" guidance=" of=" bojan=" mohar.=">

Un algorithme quadratique.

L’entrée de l’algorithme sera une triangulation plan G avec n sommets. (C’est sans perte de généralité, que tout graphe planaire peut être triangulé en temps linéaire). La sortie sera une coloration des sommets du G avec quatre couleurs.

Si G a au plus quatre sommets couleur une couleur différente à chaque sommet. Sinon si G possède un sommet x de degré k < 5, puis le circuit C qui l’entoure est un anneau « k ». Accédez à l’analyse des anneaux k ci-dessous. Sinon G a degré minimum cinq. Pour chaque sommet, nous calculons sa charge comme expliqué ci-dessus et trouver un v vertex de charge positive. Il découle de notre preuve du théorème 2 qui soit une bonne configuration apparaît dans le deuxième quartier de v (il auquel cas il peut être trouvé dans le temps linéaire), ou un anneau k violer que la définition de 6-connexion interne se trouvent en temps linéaire. Dans ce dernier cas, nous allons à l’analyse de k-bague ci-dessous, dans le premier cas nous appliquons la récursivité pour certain un graphique plus petit. Une quatre-coloration de G puis peut être construite à partir du quatre-coloriage de ce petit graphique en temps linéaire.

Étant donné un anneau k R violant la définition de 6-connexion interne une procédure développée par Birkhoff peut être utilisé. Nous appliquons la récursivité à deux sous-graphes soigneusement sélectionnés de G. Un quatre-coloriage de G peut alors être construit à partir les quatre-Coloriages des deux plus petits graphiques en temps linéaire.

Discussion.

Il faut souligner que tant nos programmes utilisent seulement arithmétique sur les entiers et donc nous ne devons pas être concernés par les erreurs d’arrondi et dangers similaires de floating point arithmetic. Cependant, un argument peut faire que notre « preuve » n’est pas une preuve au sens traditionnel du terme, car il contient des étapes qui ne peuvent jamais être vérifiées par les humains. En particulier, nous n’avons pas prouvé le bien-fondé du compilateur sur que nous avons compilé nos programmes, ni si nous avons prouvé l’infaillibilité du matériel sur que nous avons manqué nos programmes. Celles-ci doivent être prises sur la foi et sont en théorie une source d’erreur. Cependant, d’un point de vue pratique, la possibilité d’une erreur informatique qui apparaît constamment en exactement de la même façon sur toutes les courses de nos programmes sur tous les compilateurs sous tous les systèmes d’exploitation fonctionnant sur nos programmes est infiniment petite par rapport à la probabilité d’une erreur humaine au cours de la même quantité de cas-contrôle. En dehors de cette possibilité hypothétique d’un ordinateur constamment ce qui donne une réponse incorrecte, le reste de notre preuve peut être vérifié de la même manière comme des preuves mathématiques traditionnelles. Nous admettons, cependant, que la vérification d’un programme d’ordinateur est beaucoup plus difficile que la vérification d’une démonstration mathématique de la même longueur.

Accusés de réception.

Nous sommes redevables à Thomas Fowler, les Christopher Carl Heckman et les murs de Barrett pour leur aide à la préparation de cette page. Notre travail a été partiellement soutenu par la National Science Foundation.

Références.

  1. Appel de K. et W. Haken, chaque carte plane est quatre colorable. Partie I. déchargement, Illinois J. Math. 21 (1977), 429-490.
  2. K. appel de w. Haken et J. Koch, chaque carte plane est quatre colorable. Partie II. Reducibility, Illinois J. Math. 21 (1977), 491–567.
  3. Appel de K. et W. Haken, chaque carte plane est quatre colorable, mathématiques contemporaines. 98 (1989).
  4. G. D. Birkhoff, le reducibility de cartes, Amer. J. Math. 35 (1913), 114-128.
  5. H. Heesch, Untersuchungen zum Vierfarbenproblem, Hochschulskriptum 810/a/b, Bibliographisches Institut, Mannheim, 1969.
  6. A. B. Kempe, sur le problème géographique des quatre couleurs, amer. J. Math., 2 (1879), 193-200.
  7. N. Robertson, D. P. Sanders, P. d. Seymour et r. Thomas, le théorème des quatre couleurs, J. Combin. La théorie SER. B. 70 (1997), 2-44.
  8. N. Robertson, D. P. Sanders, P. d. Seymour et R. Thomas, une nouvelle preuve des quatre couleurs théorème, électron. M res. Amer. Math. SOC 2 (1996), 17-25 (électronique).
  9. T.L. Saaty, treize variations colorées sur des conjectures de quatre couleurs de Guthrie, amer. Math. Mensuel 79 (1972), 2-43.
  10. T.L. Saaty et P. C. Kainen, le problème des quatre couleurs. Agressions et conquête, Dover Publications, New York, 1986.
  11. P. G. Tait, Note sur un théorème de géométrie de position, trad. Roy. SOC., Edinburgh 29 (1880), 657-660.
  12. H. Whitney et W. T. Tutte, chaînes de Kempe et le problème des quatre couleurs », dans études en théorie des graphes, partie II (dir. D. R. Fulkerson), Math. Assoc. de l’Amérique, 1975, 378-413.

Développement de sites pour les utilisateurs ayant une déficience Cognitive et des difficultés d’apprentissage

La source: http://juicystudio.com/article/cognitive-impairment.php

Introduction

Le plus grand groupe de personnes handicapées dans notre communauté est ceux qui ont une déficience cognitive et de difficultés d’apprentissage, mais ils sont souvent oubliés quand il s’agit de l’accessibilité des sites Web.

Les étiquettes, les handicaps cognitifs et les difficultés d’apprentissage, semblent englober un éventail aussi large de conditions que les développeurs web trouvent souvent difficile d’identifier ou de répondre aux besoins spécifiques des individus ou des groupes qu’ils servent à décrire.

Nombreux troubles distincts peuvent affecter la capacité d’une personne d’accéder à un site Web et utiliser les informations qu’il contient, par exemple :

  • Troubles cognitifs, qui comprend les déficits de mémoire, de perception, de problèmes, de conceptualisation et d’attention. Cela peut résulter d’une série de conditions comme le retard mental, autisme, lésions cérébrales, la maladie de Parkinson, la maladie d’Alzheimer et la vieillesse.
  • Des difficultés d’apprentissage peuvent également influer sur une variété de compétences de mémoire, la perception, la résolution de problèmes et la conceptualisation. Difficultés d’apprentissage comprennent la lecture des problèmes tels que la dyslexie, calcul, raisonnement et organisationnelles des déficits et des troubles d’apprentissage non verbal. Celles-ci sont parfois aussi associés avec le trouble déficitaire de l’Attention et l’hyperactivité.

Pour les développeurs web, la situation est rendue plus complexe par le fait que des utilisateurs individuels avec ces conditions peuvent avoir des besoins très divers. Il est commun pour les personnes ayant des problèmes cognitifs dans un domaine hautement qualifiés dans d’autres domaines. Par exemple, une personne qui est un excellent lecteur peut avoir des problèmes considérables pour comprendre la façon dont s’organise une page web, ou être facilement distrait par une petite image animée.

Pouvez le web répondre aux besoins de l’ensemble de ces différents groupes ? Probablement oui, mais avec différents sites Web.

Le web peut apporter beaucoup de plaisir et aide les personnes atteintes de différents et dans certaines déficiences de cas assez profonde, cognitive. Le projet de Peepo (maintenant fermé) a fourni un large éventail de ressources et d’idées pour permettre aux personnes ayant des difficultés d’apprentissage graves à naviguer et utiliser le web indépendamment.

Le présent article porte principalement sur l’amélioration du web pour les personnes qui ont la capacité fonctionnelle indépendamment accéder et utiliser des sites qui contiennent un contenu de texte. En particulier, l’article suggère des méthodes simples qui peuvent améliorer l’accessibilité des sites pour les personnes qui ont du mal à lire et utiliser le contenu écrit.

Pour une version plus détaillée de cet article, consultez An Accessibility Frontier : troubles cognitifs et difficultés d’apprentissage

1. travailler avec contenu

1.1 contenu clair et simple

Contenu qui est bien écrit sera plus facile pour tout le monde à accéder au site y compris les personnes souffrant de troubles cognitifs et d’apprentissage.

  • S’assurer que l’information est bien organisée.
  • Rester simple et courte contenu.
  • Briser en petits morceaux, avec une idée-force selon le paragraphe de l’information.
  • Présenter des points connexes dans une liste plutôt qu’un long paragraphe.
  • Utilisez des titres et sous-titres.
  • Assurez-vous qu’il n’y a aucune faute d’orthographe ou de grammaire
  • Fournir des définitions et explications des termes techniques, abréviations et acronymes.

1.2 longueur de la ligne optimale

La plupart des utilisateurs de web trouvent longues lignes de texte difficile à lire. Pour les personnes souffrant de troubles de lecture longues lignes de texte peuvent devenir un obstacle important. Que des résolutions d’écran augmentent, il est possible d’entrer des caractères de plus en plus dans une ligne à n’importe quelle taille de police donnée, cependant la police optimale taille pour faciliter la lecture varie de lecteur à lecteur. En conséquence, il est difficile d’être définitif sur ce qui est la meilleure longueur de ligne, mais en règle générale, lignes ne doivent pas dépasser 70 à 80 caractères et le texte devrait avoir une marge de gauche et de droite.

1.3 rivières de blanc

De nombreux internautes ayant des difficultés de lecture ont des problèmes avec le texte qui est à gauche et justifié à droite. L’espacement inégal entre les mots dans un texte entièrement justifié peut provoquer des « rivers de white « espace pour courir vers le bas de la page, ce qui rend la lecture difficile et parfois impossibles pour certaines personnes. La solution simple est d’éviter un texte entièrement justifié.

1.4 écriture de pyramide inversée

Un moyen simple de fabrication contenu plus accessible est d’utiliser le style de la pyramide inversée de la rédaction adoptée par la plupart des journaux. Commencez avec un aperçu sommaire ou abrégé de la question et le résultat et ensuite fournir les détails justificatifs d’information et fond. Cela permet aux utilisateurs de rapidement déterminer s’il y a des informations qu’ils ont regardé sans avoir à balayer toute la page.

2. masquage et affichage de contenu

Pour certains internautes, particulièrement ceux avec des incapacités cognitives et de difficultés d’apprentissage, grandes quantités de texte sur la page peuvent être un obstacle à l’accessibilité. L’utilisateur peut avoir un certain contrôle sur l’information qui leur est présentée peut réduire l’incidence probable de ce problème potentiel. Il est maintenant possible de donner aux utilisateurs la possibilité de choisir une version simple ou détaillée du contenu de la page dans une variété de façons.

2.1 long et court contenu

Cette méthode permet aux utilisateurs de choisir soit une version courte ou longue du contenu de la page à travers un site Web entier. Les utilisateurs qui choisissent l’option courte peuvent naviguer sur le site, la lecture de la version abrégée du texte de chaque page. Si sur une page particulière, qu’ils voudraient plus d’informations, ils sélectionnent l’option longue et la plus longue version du contenu de la page est chargée.

Cette méthode a été utilisée pour le site du Tribunal de tutelle basé à Sydney. Test des utilisateurs de ce site implique un large éventail d’utilisateurs, dont certains avec des difficultés cognitives et d’apprentissage. Quand ils ont pris conscience qu’ils peuvent choisir soit longues ou courtes versions du contenu de la page, la plupart des utilisateurs trouvent cette facilité à être bénéfique. Par exemple, les personnes ayant des problèmes de lecture étaient en mesure d’obtenir une version abrégée des renseignements qu’ils pouvaient lire et comprendre. Travailleurs sociaux et médecins utilisaient également contenu court comme leur valeur par défaut à l’option de navigation car elle leur permettait de localiser rapidement les informations que dont ils avaient besoin.

2.2 expansion bullet points

Une méthode similaire utilise des instructions simples ou des positions comme un moyen de fournir un aperçu du contenu. Ceux-ci sont présentés comme des puces, qui servent aussi les clés pour obtenir de plus amples renseignements. Lorsque l’utilisateur sélectionne un point de la balle, la version élargie de l’information relative à ce point est ensuite présentée dans la liste des puces.

2.3 les puces masquer

Cette méthode utilise également des puces pour les simples déclarations ou positions. Toutefois, le contenu développé n’est pas affiché dans chaque point de la balle. Au lieu de cela, il s’affiche sous la liste de points de toute balle. Cette option est préférable pour les plus gros morceaux de contenu.

2.4 diaporama contenu

Utiliser le web pour fournir un contenu informatif aux utilisateurs avec plus de sérieux troubles cognitifs peut exiger une approche différente. Une méthode suggérée consiste à présenter les informations dans un diaporama intégré avec une lame séparée pour chaque concept ou domaine d’intérêt. Cela permettra le contenu à fournir en clair, facile d’accès morceaux que l’utilisateur peut faire défiler à leur propre rythme.

3. CSS à l’aide de cliquabilité et lisibilité

Un des avantages majeurs des Cascading Style Sheets (CSS) est qu’il peut être utilisé pour manipuler la présentation du contenu, sans affecter la structure du contenu. Voici quelques méthodes simples faisant appel à CSS pour rendre le contenu plus accessibles aux personnes atteintes de déficiences cognitives et de difficultés d’apprentissage.

3.1 hauteur de ligne accrue

Certains utilisateurs trouvent qu’une augmentation de l’espace entre les lignes de texte dans un paragraphe peut faciliter la lisibilité.

3.2 augmentation de marge après le paragraphe

Il y a généralement une gamme complète d’espace après chaque paragraphe d’un bloc de contenu. Cela passera à 1,5 ou 2 lignes pleines d’espace peuvent faciliter la lisibilité pour certains utilisateurs.

3.3 effet hover sur liens

Certains utilisateurs éprouvent des difficultés à distinguer les liens des autres contenus. Liens vous pouvez donner un effet hover qui fait d’eux changent de couleur sur souris.

3.4 Border-bottom sur liens

Texte souligné standard peut rendre le contenu, suspendu notamment lettres, difficile à lire pour certains utilisateurs. Enlever le soulignement du lien par défaut et utiliser CSS border-bottom pour souligner le lien, vous pouvez contrôler la distance entre le texte et le soulignement.

3,5 zone active accrue de sur les liens

Pour certains utilisateurs, notamment ceux ayant des difficultés de motricité, il est difficile de cliquer sur des liens. À l’aide de CSS, la zone cible des liens peut être augmentée.

3.6 hover sur les paragraphes, les éléments de liste et les cellules d’un tableau

Certains utilisateurs avec des difficultés de lecture, il est difficile de garder une trace d’où ils sont sur une page. Appliquer des effets de survol paragraphes, éléments de liste et les lignes de la table leur permet d’utiliser la souris comme un dispositif de marquage place.

Malheureusement, Internet Explorer ne supporte pas de planer sur les paragraphes, les listes ou les lignes de la table. Toutefois, si vous pensez que c’est une option intéressante pour vos utilisateurs, JavaScript permet d’imiter cet effet dans Internet Explorer ( IE7 de Dean Edwardsen utilisant).

Paragraphes soulignés

Une autre méthode pour les utilisateurs avec des difficultés de lecture implique du soulignement contenu dans les paragraphes actives. L’idée ici est de fournir une règle virtuelle qui se trouve sous chaque ligne de texte, ce qui permet le œil utilisateurs de rester plus facilement sur la ligne en cours.

Un problème possible avec cette méthode, c’est que certains utilisateurs peuvent confondre le soulignement de paragraphe avec la présentation par défaut des liens hypertexte. À l’aide de CSS pour fournir un style différent pour le souligner, par exemple une ligne en pointillés rouge, pourrait réduire le risque de confusion potentielle comme ça.

3,8 couleurs inversées

Certains utilisateurs de trouver le contenu plus facile à lire que les couleurs utilisées pour le texte et l’arrière-plan sont inversés, afin que le contenu de la page est présenté avec la couleur de texte clair sur fond sombre.

3,9 éblouissement de fond réduite

Autres utilisateurs trouvent que les pages avec un fond blanc produisent trop d’éclat, ce qui les rend difficile à lire. Cela peut être résolu en utilisant une couleur blanc cassé ou faible échelle de gris pour le fond, ce qui réduira le montant de l’éblouissement.

4. utilisateur le contrôle de contenu et présentation

Les diverses idées décrites dans cet article peuvent être utilisées pour permettre à chaque utilisateur d’un site d’avoir le contenu des pages web présentée d’une façon qui est plus utile pour eux.

CSS est jumelée avec traitement JavaScript ou côté serveur, il est possible pour les développeurs d’inclure certaines améliorations suggérées l’accessibilité (p. ex. le fond frontière sur les liens et la zone de liaison accrue) comme paramètres par défaut de la présentation page, tout en permettant aux utilisateurs de contrôler les autres éléments de page tels que :

  • Contenu: longue ou courte de versions de l’information.
  • Taille de police: possibilité d’augmenter ou de diminuer la taille du texte.
  • Lisibilité: changer l’espace entre les paragraphes et/ou fournir survol stationnaire sur les paragraphes.
  • Thèmes de couleur: offrent une gamme d’options, y compris inverse les couleurs et réduit l’éblouissement.
  • Longueur de la ligne: pour une structure large ou étroite du contenu.
  • Line-height: fournir un éventail d’options pour modifier la hauteur de ligne du contenu texte et des liens.

Conclusion

Ces exemples ne sont pas censés pour apporter des réponses définitives pour tous les utilisateurs de problèmes ayant des troubles cognitifs et difficultés d’apprentissage peuvent se produire lors de l’accès à un site Web. Ce sont plutôt des suggestions que les développeurs, qui souhaitent rendre leur contenu plus accessible à un large public, se plaira à essayer. Alors que certaines techniques ont été testés avec les utilisateurs qui ont des difficultés cognitives et d’apprentissage, d’autres sont simplement des idées fondées sur la théorie et des intuitions.

Lectures complémentaires :