background preloader

Support des rôles landmark ARIA et éléments sectionnants HTML5 par les lecteurs d'écran - Blog - AnySurfer

Support des rôles landmark ARIA et éléments sectionnants HTML5 par les lecteurs d'écran - Blog - AnySurfer

http://www.anysurfer.be/

Related:  Apprendre le HTML5accessibilitéGeneralities

Afficher une icône favicon dans le navigateur Une favicon est une icône mise à disposition par un site Web pour enjoliver, en particulier dans les navigateurs Web, les endroits où ce site est mentionné. Cette icône pourra être utilisée dans la barre d'adresses ou de titre, les favoris (le terme est d'ailleurs un mot-valise né de la contraction de « favorites » et « icon »), les onglets, ou autres raccourcis. (source : Wikipedia) Pour avoir une favicon lisible par la plupart des navigateurs, il est préférable que cette image soit au format .ico. Il s'agit d'un format d'icône propriétaire de Windows, basé sur le BMP. Attention : il est possible que votre logiciel de graphisme habituel ne gère pas ce format, auquel cas ils vous faudra installer un logiciel spécifique pour le convertir, ou encore utiliser un service web proposant la conversion des formats d'image génériques au format .ico (pour ces derniers, voir dans les liens complémentaires ci-dessous).

Vidéo et accessibilité : les exigences du RGAA Merci pour ce Webinar et pour la mise à disposition des vidéos ; je me suis permis de les télécharger pour les regarder sur mon iPhone. Ce fut un plaisir de ré entendre Éric qui est toujours très clair dans ses explications - Souvenirs de la formation Expert Accessibilité.... Une remarque sur ce qui est dit dans la deuxième vidéo et sur le fait qu’une vidéo devient une alternative à un contenu principal (textuel) et que, de ce fait, les exigences en termes de d’accessibilité sur les contrôles de la vidéo ne s’appliquent plus trop... J’avais dans l’idée que dès qu’on est producteur de contenus (ici une vidéo), même s’il est alternatif, on doit garantir les mêmes règles d’accessibilité qu’un contenu principal... Me trompe - je ?

How Not To Misuse ARIA States, Properties and Roles - SSB BART Group Many content authors will put ARIA properties on content in an attempt to meet accessibility standards and make their content work with assistive technology (AT). Unfortunately, there is a lot of incorrect use of ARIA, with authors seemingly adding attributes until they get something that works with screen readers. One reason authors may continue to add incorrect ARIA properties is the lack of apparent issues when ARIA is misused – no harm is detected and thus people continue the practice. While some people may be less concerned with technically invalid code, it’s harder to debug and maintain and may cause unexpected issues. This post will expound on the different things that I have seen and provide best practices for how to use ARIA attributes properly. Native and Implied Semantics

HTML5 : Éléments <figure> et <figcaption> L'élément <figure> ne devrait pas vous être inconnu puisque son rôle est pareil à celui qu'il joue dans les supports papiers tels que les livres ou magazines afin d'illustrer et de légender des photos, des diagrammes, ou encore des schémas. Illustration légendée Inaugurés avec HTML5, les éléments <figure> et <figcaption> fonctionnent de concert pour associer une légende à une illustration ou un autre élément média. <figure> <img src="image.jpg" alt="" /> <figcaption>Légende associée</figcaption></figure> RGAA RGAA - Accessibilité Présentation du Référentiel Général d'Accessibilité pour les Administrations L'article 47 de la loi n° 2005-102 du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées, fait de l’accessibilité une exigence pour tous les services de communication publique en ligne de l’État, des collectivités territoriales et des établissements publics qui en dépendent.

Notes on ARIA by Taylor Hunt on CodePen I can't find a friendly, readable guide to ARIA. So I sat down, read the spec, and took notes. This isn't an exhaustive explanation of proper use; for that you'll need the spec. It's just a quick-and-dirty overview of the various ARIA roles and attributes and how they should be used. I hope you find it helpful. Roles Les classes conditionnelles en HTML Les cancres du Web, Internet Explorer 6, 7 et parfois 8, nous mènent souvent la vie dure. Même quand on s’abaisse à leur niveau, il leur arrive de ne pas comprendre, ou d’y mettre de la mauvaise volonté. La solution classique (comprendre: à l’ancienne) est d’utiliser des hacks CSS. Ces derniers sont déconseillés car peu fiables; en effet, on ne sait jamais à l’avance quels seront les navigateurs sur le marché dans deux ou cinq ans, et comment ils comprendront ou pas nos hacks CSS.

Web Accessibility Initiative W3C to Receive Emmy® for Work on Accessible Captioning W3C will receive a Technology & Engineering Emmy ® Award for work on standardization and pioneering development of broadband captioning. W3C's Timed Text Markup Language (TTML) helps make video content more accessible to people with disabilities, particularly people who are deaf or hard of hearing, through text captioning. Accessibilité numérique : bonne ou mauvaise nouvelle ? Dans cet article, j’aimerais aborder un sujet qui est encore aujourd’hui largement ignoré et trop souvent entouré d’idées préconçues : l’accessibilité du web. Bien que reconnue comme un noble concept, l'accessibilité est bien souvent perçue comme une perte de temps et d’argent. En cause, l’idée d’une mise en place complexe et contraignante qui ne servirait qu’à une minorité. La plupart des éditeurs de site web ne s’y intéressent alors que sous la contrainte, notamment lors de développements de sites d’administrations publiques.En me penchant sur le sujet, il m’a paru au fur et à mesure évident, que cette pratique épineuse, recèle une véritable richesse autant humaine que stratégique.Aujourd’hui, notre société s’approprie les outils numériques qui l’entourent, afin de l’adapter à ses besoins.

Les commentaires conditionnels pour Internet Explorer Les commentaires conditionnels sont un mécanisme propre à Internet Explorer Windows, qui permettent d'inclure dans une page (X)HTML, de manière valide, du code qui ne sera lu et interprété que par Internet Explorer, ou par l'une ou l'autre de ses versions. Techniquement, il s'agit de simples commentaires HTML, qui seront compris comme tels par la plupart des navigateurs. Cependant, le contenu de ces commentaires a une syntaxe spéciale, qui permet à Internet Explorer de savoir s'il doit interpréter le contenu du commentaire ou bien l'ignorer. Les commentaires conditionnels sont compris par Internet Explorer depuis la version 5.0 mais sont officiellement abandonnés à partir d'Internet Explorer 10. Syntaxe de base

Accessibilité : 9 logiciels libres Logiciels libres ▶ Utilitaires ▶ 9 logiciels libres Brltty Afficheur braille d’un environnement graphique Custom Virtual Keyboard Un clavier virtuel, personnalisable et libre Mail2Voice Un client e-mail pour des personnes en situation de handicap (cognitif, illettrisme). NAT Convertissez en braille automatiquement vos fichiers ! NVDA - Non Visual Desktop Access Synthèse vocale libre ! ODT2Daisy Extension pour Open Office et Libre Office permettant d’exporter les documents texte au format Daisy Talking Book Oralux Un Live CD linux pour les non-voyants Orca Un lecteur d’écran pour environnement de bureau Gnome.

Accessible jQuery-ui Components Demo Accessible jQuery-ui Components Demonstration Instructions for Screen Reader Users: This page contains some interactive controls that you would normally only find in desktop applications. Examples of such controls are tab lists, menu bars, sliders, and tree views. These controls are often operated using the arrow keys, which means your screen reader must temporarily switch off virtual navigation mode in order to interact with them. The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience) This tool provides two useful core functionalities: a pass/fail assessment against WCAG 2.0 color contrast success criteriaa simulation of certain visual conditions, including dichromatic color-blindness and cataracts, to demonstrate how your web content appears to people with less than 20/20 vision The CCA is available for Windows and Mac, and in multiple languages including English, French, Dutch, Italian, German, Hindi, Korean and traditional Chinese.

Using NVDA to Evaluate Web Accessibility You are here: Home > Articles > Using NVDA to Evaluate Web Accessibility Introduction This article is designed to help users who are new to NonVisual Desktop Access (NVDA) learn the basic controls for testing web content, and to serve as a reference for the occasional NVDA user. NonVisual Desktop Access (NVDA) is a free and open source screen reader for the Microsoft Windows operating system. It supports over 20 languages and can run on any computer entirely from a USB drive with no installation. It is important to evaluate the accessibility of web content with a screen reader, but screen readers can be very complicated programs for the occasional user, so many people avoid them.

Related: