Recherche #logement désespérément !
Dans toutes les grandes villes d’Europe, les #loyers ne cessent d’augmenter. Beaucoup de jeunes font une croix sur le vieux rêve, autrefois accessible, d’un appartement vivable pas trop loin du centre-ville. Il s’agit aujourd’hui de se montrer inventif : pourquoi ne pas s’installer dans des péniches, des usines désaffectées ou bien des caravanes ?
▻http://www.arte.tv/guide/fr/063676-001/yourope
#accessibilité #habitat
En France, combien de temps faut-il pour avoir accès aux services du quotidien ?
▻http://www.lemonde.fr/les-decodeurs/article/2016/01/06/inegalite-territoriale-l-acces-aux-services-de-la-vie-courante-depend-de-la-
Tant qu’à faire, citons la source originale directement de cette super étude
►http://www.insee.fr/fr/service/default.asp?page=agendas/dossiers_actualite/janvier-2016-territoire-accessibilite.htm
▻http://www.insee.fr/fr/themes/document.asp?ref_id=ip1579
Et en plus ça évite de pointer sur le Monde.
Curieux de savoir la part qui provient d’un désinvestissement (service par nombre d’habitants) et celle qui provient des accès (relief, etc)
@nicolasm Tu as raison c’est uen très bonne question. Ainsi la très belle zone rouge au Sud du Massif Central dessine peu ou prou les limites du Parc National des Cévennes, où certes les services sont lointains, mais il y a en fait très peu de personens qui vivent dans cette région. C’est presque compréhensible et excusable
Massive road and rail projects could be Africa’s greatest environmental challenge
▻https://theconversation.com/massive-road-and-rail-projects-could-be-africas-greatest-environmen
If completed in their entirety, the corridors will total over 53,000 kilometres in length, crisscrossing the African continent. Some individual corridors are over 4,000 kilometres long.
Will these corridors generate key social and economic benefits, or will they cause great environmental harm? To address this question, we looked at three factors, focusing on a 50-kilometre-wide band laid over the top of each corridor.
First, we assessed the “natural values” of each corridor, by combining data on its biodiversity, endangered species, critical habitats for wildlife, and the carbon storage and climate-regulating benefits of its native vegetation.
Second, we mapped human populations near each corridor, using satellite data to detect nightlights from human settlements (to avoid lands that were simply being burned, we included only places with “persistent” nightlights). We then combined the natural-value and population data to generate a conservation-value score for each corridor, reasoning that sparsely populated areas with high natural values have the greatest overall conservation value.
Finally, we estimated the potential for new roads or railroads to increase food production. Areas that scored highly had soils and climates suitable for farming but large yield gaps, were within several hours’ drive of a city or port, and were projected to see large future increases in food demand.
Roads to Rome
►http://roadstorome.moovellab.com
superbe projet de #cartographie basé sur un calcul (et non pas sur des données historiques) des #routes les plus employées quand on va d’un point quelconque de l’Europe vers #Rome
ou vers la capitale (à noter que le choix des capitales c’est un peu n’importe quoi) :
la deuxième partie prend une ville, colorie les routes :
et les met dans un certain ordre pour créer une signature particulière :
je sais pas à quoi ça sert mais c’est #beau, en plus c’est interactif on peut regarder ce que ça donne chez soi, avec différents paramètres
#openstreetmap #accessibilité
oui et d’ailleurs dans la partie des « capitales » c’est des bassins d’attraction des-dites capitales ; et comme c’est fait un peu n’importe comment, ça sépare Rome et le Vatican, ce dernier obtenant le nord de l’Italie ainsi que la Sicile… Selon le même modèle, Andorre récupère tout le sud de la France.
Ça aurait été à mon avis beaucoup plus intéressant de travailler à partir des villes peuplées. Cf le travail de Sébastien Boillat et Yuri Sandoval sur la Bolivie ▻http://seenthis.net/messages/391490#message391499
Une interview d’un des auteurs du projet :
▻http://blog.opencagedata.com/post/135637030948/open-geo-interview-raphael-reimann-roads-to
Mesure de l’#accessibilité géographique aux structures de #santé dans l’agglomération de #Dakar
Le milieu urbain est généralement mieux équipé en structures sanitaires que les espaces ruraux. Néanmoins, la distribution spatiale de ces dernières y est souvent très inégale. Nous nous proposons de mesurer ces disparités socio-spatiales d’accessibilité géographique aux structures sanitaires dans l’agglomération de Dakar, en utilisant la méthode des aires flottantes à deux étapes améliorée et celle des indicateurs locaux d’association spatiale. Les données utilisées proviennent du recensement général de la population et de l’habitat de 2002 et du géoréférencement des structures sanitaires de 2007. Les résultats révèlent de fortes disparités spatiales d’accessibilité, une association spatiale locale entre l’accessibilité et le niveau de vie, indiquant une opposition entre l’est, où l’on note un double handicap lié au faible niveau d’accessibilité et au niveau de vie bas, et l’ouest, où l’on observe le phénomène inverse. Au-delà de cette opposition, on retrouve aussi des poches d’hétérogénéité locale qui rappellent la complexité du territoire dakarois.
http://cybergeo.revues.org/docannexe/image/27312/img-1-small480.jpg 
http://cybergeo.revues.org/docannexe/image/27312/img-7-small480.jpg 
http://cybergeo.revues.org/docannexe/image/27312/img-8-small480.jpg 
http://cybergeo.revues.org/docannexe/image/27312/img-9-small480.jpg ▻http://cybergeo.revues.org/27312
#Sénégal #visualisation #cartographie (même si les images sont vraiment de très mauvaise qualité)
Signer la pétition… où ça ?
▻http://romy.tetue.net/signer-la-petition-ou-ca
C’est un exemple, parmi tant d’autres, des mauvaises habitudes langagières du Web, où abondent les énigmatiques « Lire la suite », « Pour en savoir plus » et autres « Cliquez ici ». Le pire d’entre eux est, comme ici, le lien sur le seul mot « ici ».
» Seriously, Don’t Use #Icon #Fonts Cloud Four Blog
▻http://blog.cloudfour.com/seriously-dont-use-icon-fonts
Icons are everywhere. These “little miracle workers” (as John Hicks described them) help us reinforce meaning in the interfaces we design and build. Their popularity in web design has never been greater; the conciseness and versatility of pictograms in particular make them a lovely fit for displays large and small.
But icons on the web have had their fair share of challenges. They were time-consuming to prepare for every intended display size and color. When high-resolution displays hit the market, icons looked particularly low-res and blocky compared to the text they often accompanied.
So it’s really no wonder that icon fonts became such a hit. Icons displayed via @font-face were resolution-independent and customizable in all the ways we expected text to be. Sure, delivering icons as a typeface was definitely a hack, but it was also useful, versatile, and maybe even a little fun.
But now we need to stop. It’s time to let icon fonts pass on to Hack Heaven, where they can frolic with table-based layouts, Bullet-Proof Rounded Corners and Scalable Inman Flash Replacements. Here’s why…
#typo #icones #web_design
L’article signale cette ressource intéressante pour les personnes qui utilisent ce genre de typos : ▻https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html
Résumé :
– Quand on utilise la zone Unicode réservée aux trucs privés, si la fonte se charge mal, on a soit des rectangles pourris, soit des icônes n’ayant rien à voir (emojis, etc). Et si les utilisateurs (dyslexiques par ex) forcent une fonte propre à leur besoin, pareil, ça nique tout.
– Quand on fait bien les choses et qu’on utilise le bon caractère Unicode correspondant au dessin que l’on veut utiliser : beaucoup de lecteurs d’écran lisent la description du dessin ! Et le seul moyen de l’enlever est d’ajouter du « aria » dans le HTML en plus. Cela peut marcher dans certains cas, mais du coup impossible d’ajouter des icônes uniquement en CSS, dans le thème graphique.
Filament a produit une librairie utilitaire contenant CSS et JS nécessaire pour utiliser des fontes d’icônes de manière accessible :
▻https://github.com/filamentgroup/a-font-garde
Mais dans la solution de Filament, dans TOUS les cas d’utilisations, ils demandent à utiliser du HTML supplémentaire spécifique à l’icône. Donc d’après moi, c’est un peu pourri : impossible de faire le choix des icônes (ou pas) uniquement dans le thème graphique…
Sur le long terme, j’ai l’impression que la solution serait que tous les lecteurs d’écran prennent correctement en compte la propriété speak:none.
De cette manière, il suffirait :
1) d’utiliser un bon caractère unicode correspondant au mieux au dessin de chaque caractère de notre fonte d’icône (Fontello permet ça par ex), comme ça le fallback visuel serait bon (sauf s’il n’existe pas et dans ce cas faut utiliser la méthode fallback par image de Filament… galère)
2) d’appliquer sur tous les :before où on veut ajouter une icône, la directive speak:none
Mais actuellement même Caniuse.com ne contient pas les statistiques des propriétés orales de CSS… Il y a un ticket pour voter pour ça ici :
▻https://github.com/Fyrd/caniuse/issues/1515
Voilà, comment est-ce que vous allez faire à l’avenir vous ?
En ce qui me concerne, cela fait de nombreux mois que désormais mon HTML ne contient plus de scories pourries en rapport avec l’aspect graphique, que je n’utilise plus de classes genre « icon », « grid », ou je sais pas quelle merde comme ça, et que j’ajoute tout en CSS grâce aux préprocesseurs (exemple : a.super_lien{ @extend .icon; @extend .icon-super; }).
Du coup la solution de Filament m’embête vraiment…
#accessibilité #icônes #fontes #fonts #intégration #HTML #CSS
Pour ma part, les pictos sont en SVG inline, tout simplement. Si je devais me préoccuper de fallback (je parle de mes projets perso uniquement), j’utiliserais <picture> avec une source SVG et le fallback en PNG.
Merci @rastapopoulos pour le ping, je pensais l’avoir dans mes propres liens, mais ce n’est pas encore le cas…
Nan mais si c’est un truc avec des couleurs, etc, ben oui c’est une image, on l’utilise comme une image. Les icônes en fonte pour moi c’est clairement pour les pictogrammes : qui justement doivent suivre UNE couleur choisie en CSS (celle du texte courant très souvent, et parfois une autre), et à utiliser pour différencier des liens, des boutons, etc, tout en restant sobre.
[ Éditer ] [ Supprimer ]
versus
[ ✎ Éditer ] [ ✖ Supprimer ]
Et dans ces cas là, le fait d’en vouloir ou pas, et le fait de vouloir tels ou tels pictos : c’est un choix du thème graphique. Donc pour moi c’est entièrement au thème graphique de les activer ou pas, et de choisir quelles images ou pas. Sans RIEN changer au HTML (qui ne contient que des classes permettant de différencier le sens de divers liens par exemple, pas leur aspect : « supprimer », « favoris », « inscription », etc).
Le fait de devoir mettre des <img> (ou même des <span> vides) dans le HTML pour afficher des icônes et non des vraies images, c’est totalement carrément plus du hack (comme il dit dans le lien de départ), qu’utiliser des fontes en CSS. Le fait d’avoir ces pictos, c’est une aide visuelle pour aider à mieux distinguer certains éléments pour celleux qui ont des yeux, mais le lien ou bouton lui c’est juste « Éditer » (par ex).
Ah et faut ajouter (et ça a été écrit dans les commentaires) que les fontes informatiques, avec unicode, ont été faites pour contenir des lettres ET des pictos. Donc ce n’est absolument pas un hack du tout, c’est parfaitement prévu, et donc c’est aux navigateurs (visuels ET auditifs) et aux normes web (CSS), de savoir les gérer comme il faut.
Après pour les interfaces où on a des liens ou boutons qui n’ont QUE l’image/picto, là c’est encore autre chose. Mais pour le coup ça pose encore plus de problème ergonomique avant même l’accessibilité : une image seule, tant qu’on ne connait pas l’appli ou le site, difficile de savoir à quoi ça mène (et maintenant dans tous les trucs tactiles on a pas de bulle de survol puisque pas de survol, mais même pour celleux qui ont une souris, ce n’est pas normal de devoir déplacer sa souris un peu partout sur l’écran pour savoir ce que fait l’interface !), donc sauf cas rare et très précis, c’est pour moi de toute façon une mauvaise pratique.
Pourquoi les pictos devraient-ils n’avoir qu’une seule couleur ?
(oui, je sais, les fontes multicolores arrivent…)
Pour ce point, Fontello fait déjà tout ça pour toi, comme IcoMoon mais en logiciel libre et gratuit. Tu peux importer tes SVG perso, puis les sélectionner comme caractères, et leur assigner un code unicode. Ensuite ça te génère la fonte dans plein de formats, et le CSS qui va avec (comme IcoMoon encore une fois).
Une réponse là ▻http://seenthis.net/messages/435520
Mais qui ne prend pas en compte vraiment les problèmes d’accessibilité (juste utiliser le PUA ne suffit pas, puisqu’il y a le problème des fallbacks, et des polices forcées autrement). Or ce sont ces problèmes dont parlent en priorité l’article de départ.
L’explication plus technique de comment ils fonctionnent chez Cloudfour :
▻http://seenthis.net/messages/457318
An alt Decision Tree • Images • WAI Web Accessibility Tutorials
▻http://www.w3.org/WAI/tutorials/images/decision-tree
This decision tree describes how to use the alt attribute of the <img> element in various situations. For some types of images there are alternative approaches, such as using CSS background images for decorative images or webfonts instead of images of text.
Why you (we) should care about disabled #JavaScript | DsgnWrks
▻http://dsgnwrks.pro/resources/why-you-we-should-care-about-disabled-javascript
Tags: #nojs JavaScript #enrichissement #amélioration #progressive #clevermarks accessibilité
Hier j’ai rencontré quelqu’un qui avait des réflexions intéressantes sur le logiciel, notamment celle-ci (en anglais, désolé pour les non anglophones :( ) : ▻http://timothy.hobbs.cz/ete/ete.html
En gros l’idée c’est qu’il ne suffit pas d’avoir une licence libre pour qu’un logiciel soit utilisable, il y a aussi des contraintes d’accessibilité (sur ce point ça peut se rapprocher de liberté 0 (▻http://liberte0.org). Quel intérêt d’avoir un logiciel libre si on n’a pas les moyens de l’utiliser (machinerie industrielle inabordable par exemple) ? Là je ne suis pas tout à fait d’accord (il y a toujours la possibilité d’étudier ou adapter), mais la réflexion est intéressante.
À noter aussi que l’accessibilité demande un effort bien plus important que de fournir une licence, un effort qui ne finit certainement jamais totalement : documentation, interface utilisable, utilisation par des liseuses, etc.
#logiciel_libre #logiciel #libre #politique #égalitarisme #réflexion #accessibilité
Dans le même genre de prolongement de l’idée de « liberté » avec les logiciels, il y a la notion de « logiciel libérateur » de Benjamin Bayart :
▻http://edgard.fdn.fr/liberateur
Libérateur
En cherchant à expliquer ce que me semblaient être les limites des logiciels libres, je cherchais un mot permettant de décrire les logiciels « gentils », qui ne font pas de mal aux gens qui s’en servent. Le seul mot que j’ai trouvé comme convenable, est le mot libérateur. Un logiciel libérateur étant un logiciel qui, au moins, ne nuit pas à la liberté de celui qui s’en sert, et, au mieux, lui apporte de la liberté.
Cette notion est définie plus finement dans un article, téléchargeable ici.
▻http://edgard.fdn.fr/liberateur/liberateur.pdf
TIMEMAPS (géographie des Pays-Bas où la distance est remplacée par le temps de trajet en train)
▻http://app.timemaps.nl/map
cliquer sur une gare pour reconfigurer la carte
Deaths from acute abdominal conditions and geographical access to surgical care in India : a nationally representative spatial analysis - The Lancet Global Health
▻http://www.thelancet.com/journals/langlo/article/PIIS2214-109X(15)00079-0/fulltext
Deaths from acute abdominal conditions, and likely other surgical emergencies, are strongly related to geographical access to well-resourced surgical facilities. About two-thirds of deaths from acute abdominal conditions in India could be averted by improving human and physical resources at existing district hospitals.
#chirurgie #accessibilité #santé #inde
A hospital too far—access to surgical facilities in India - The Lancet Global Health
▻http://www.thelancet.com/journals/langlo/article/PIIS2214-109X(15)00148-5/fulltext
The recommendation for having a highly resourced district hospital within every 50 km for a country spread over 3 287 590 km2 with a population of 1·252 billion might not be immediately feasible, but does help set aspirational targets for India. Global surgery has got off to a delayed start, but basic life-saving surgery is now an accepted public health measure worthy of political attention.
La version 2 des notices AcceDe Web
▻http://www.accede-web.com/notices
Les notices AcceDe Web s’adressent de façon spécifique à chaque intervenant d’un projet web et sont adaptées aux différentes étapes de conception et de développement.
Notice d’accessibilité pour la conception fonctionnelle et graphique
Notice d’accessibilité HTML, CSS et JavaScript
Notice d’accessibilité pour les composants d’interface riche
Notice d’accessibilité éditoriale (modèle)
#web #conception #développement #accessibilité #HTML #CSS #Javascript #qualité #checklists #bonnes_pratiques
#flexbox Accessibility Implications and Solution Suggestion [CSS Working Group Wiki]
▻https://wiki.csswg.org/spec/css3-flexbox/accessibility#author-changes-the-visual-order-to-3-2-1-with-css-using-fl
Tags: flexbox accessibilité #tabulation #ordre #clevermarks
Results | Pew Research Center
▻http://www.pewresearch.org/2015/04/08/results-2/#javascript
But among our Web panelists, approximately 15% do not have #JavaScript-enabled devices and thus cannot see such features. Tags: #no-js JavaScript #amélioration #progressive accessibilité #clevermarks
Après un test de l’article indiqué par @nicod_ il y a 2 semaines, au sujet de l’accessibilité des notes de bas de page, petit test, sur mon site : ▻http://aureliet44.esy.es/developpement_et_integration/rendre-les-notes-de-bas-de-page-accessibles #css #html5 #accessibilite
Comment tweeter une infographie accessible ?
▻http://romy.tetue.net/comment-tweeter-une-infographie-accessible
La police nationale vient de tweeter un petit mémo de prévention des risques en montagne l’été. Comme j’adore randonner et que la montagne, ça me gagne, j’en profite pour vérifier que j’ai les bons réflexes. Sauf que… ce mémo est une image miniature où le texte est illisible ! Dites, les gens qui retweetez, réussissez-vous vraiment à y lire quelque chose ? Y’a-t-il une astuce pour voir ce genre d’infographie ? pour agrandir les images tweetées ?
#accessibilité #lisibilité #twitter #infographie #rando #a11y #a11yDesign #transcript
Travel time to major cities : A global map of Accessibility (European Commission Joint Research Centre)
►http://forobs.jrc.ec.europa.eu/products/gam
http://forobs.jrc.ec.europa.eu/products/gam/images/access-map.png 
http://forobs.jrc.ec.europa.eu/products/gam/images/legend.png 
What these data are and what they are not
Accessibility maps are made for a specific purpose and they cannot be used as a generic dataset to represent “the” accessibility for a given study area. The data described and presented here were used to create an urban/rural population gradient around large cities of 50,000 or more people. The assumptions made in the generation of this accessibility map can be found in the description and data sources links on the left. If these assumptions sound reasonable for your requirements then the data are available for download. If, however, the assumptions do not match your requirements then you can use the information in these pages as well as the software and external links to create your own accessibility model.
Que signifie #urbain ? Combien de gens habitent loin d’une #ville ? #accessibilité #transport #recherche
À partir des travaux de Uchida, H. and Nelson, A. #Agglomeration_Index : Towards a New Measure of Urban Concentration. Background paper for the World Bank’s World Development Report 2009.
(vous pouvez me remercier car j’ai passé des heures à rechercher cette #carte et le #dataset)
Merci @fil. On va creuser.
J’ajoute pour référence un article publié sur le blog de GeoBolivia sur le même sujet, avec une méthodologie développée par Sébastien Boillat et Yuri Sandoval.
un autre projet de calculs d’#isochrones à l’échelle mondiale :
►https://github.com/stvno/Bartholomap
les travaux de Dirk Brockmann sur l’accessibilité (mondiale) par avion
▻http://seenthis.net/messages/376587
Une nouvelle version bien améliorée grâce aux données OSM et Google vient de sortir ►https://seenthis.net/messages/663245
Modeling population access to New Zealand public hospitals | IJHG
▻http://www.ij-healthgeographics.com/content/1/1/3
Figure 4. Travel Time in Hours to the Closest Hospital by Census Centroids.
One letter at a time: Quadriplegic coder looks back at 21-year career at Microsoft
▻http://www.bizjournals.com/seattle/blog/techflash/2015/06/one-letter-at-a-time-quadriplegic-coder-looks-back.html
Un service public états-unien explique l’intégration des chiens guide d’aveugles dans ses locaux, leur volonté de respecter la loi fédérale, les problèmes que ça pose.
▻https://www.nsa.gov/public_info/news_information/2015/puppies_in_nsa_halls.shtml
Accessible Footnotes with CSS via @goetsu
►http://www.sitepoint.com/accessible-footnotes-css
Et pour l’utilisation des counters (mais ça c’est pas forcément obligatoire avec un CMS parce qu’on génère dynamiquement et que donc on a des compteurs au niveau serveur de toute façon) :
▻http://caniuse.com/#feat=css-counters
Mais le fait de les rendre bien accessibles avec des aria c’est bien.
#idée_pour_SPIP #développement #web #accessibilité #html #css
Subtitles : On or Off in a Shared Home ? | Open Ears
▻http://openears.phonak.com/2015/05/15/subtitles-on-or-off-in-a-shared-home
Of subtitles, someone once said to me, “I don’t know how you can read the text and watch what’s going on at the same time.” When she said this, I was tempted to say, “I don’t know how you can’t.”
Je discutais avec quelqu’un il n’y a pas longtemps qui me disait ah-bin-moi-les-sous-titres-ça-va-trop-vite. Je n’ai pas su quoi répondre.
Les sous-titres « closed captions » sont verbatim et donc souvent trop verbeux effectivement.
De bons sous-titres sont plus courts, mais perdent du coup un peu de contenu au passage…
Franchement sur mes DVD je trouve que c’est de très bonne qualité. En gros chez nous :
1. on s’est tous mis à la VO donc sous-titres obligatoires
2. les enfants le soir sont couchés donc son moins fort donc j’entends rien donc sous-titres à peu près tout le temps
Et on regarde peu « la télé » donc le temps réel nous embête moins.
Cela dit les « closed captions » j’en ai besoin. L’autre jour, dans un film, je lis « [sonnerie] » mais je ne l’entendais pas du tout ; j’ai demandé à ma douce qui m’a confirmé que si, y’avait bien une sonnerie. :)
Ah je suis d’accord que les sous titres sont de très bonne qualité en général, mais ça n’empêche que les CC (que j’utilise peu) sont souvent très verbeux.
Je vais aussi passer à la VO à la maison (c’est déjà un peu le cas, mais uniquement quand obligé), je te dirais ce que ça donne… ;-)
The Accessibility Cheatsheet - bitsofco.de
▻http://bitsofco.de/2015/the-accessibility-cheatsheet
The Web Accessibility Initiative created some Web Content Accessibility Guidelines (WCAG) targeted at us, web content developers, to create more accessible websites. The WCAG contain some very useful information, and so I decided to condense the very extensive guidelines and highlight some practical examples of what we can do to implement them and make our websites more accessible.
▻https://www.afnic.fr/medias/images/agenda/forum-braillenet.PNG
Rendez-vous le lundi 8 juin de 9h à 18h à la Cité des sciences et de l’industrie pour le 9ème Forum Européen de l’Accessibilité au #Numérique organisé par Association BrailleNet et sous le thème « Handicap et technologies : Le numérique pour un meilleur accès à la connaissance » !
Ouverture du Forum par Axelle Lemaire, Secrétaire d’Etat au Numérique.
Au programme :
250 participants
14 conférences
14 démos & ateliers
1 espace Innovations
1 visite guidée de l’exposition neuroludique C3RV34U
Des exposants
▻https://www.afnic.fr/fr/l-afnic-en-bref/agenda/165/show/9eme-forum-europeen-de-l-accessibilite-numerique.html
#Handicap #elearning #education #edition #Afnic #web #digital #mooc #accessibilité
