Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 31 de octubre de 2007

Antipodes Map

Antipodes Map: para mirar el otro lado del mundo.
A mi gusto, es una buena curiosidad. Antipodes Map te muestra el otro lado del mundo.
Por definición se entiende como antípoda: "A cualquier habitante del globo terrestre con respecto a otro que more en lugar diametralmente opuesto". En una definición más amplia (geográfica y geométrica) es el lugar de la superficie terrestre más alejado de otro.
Mi abuela era una sabia, porque de alguna manera sabía que Buenos Aires tiene por antípoda a China (aunque la antípoda caiga en el Océano Pacifico).
Curiosidades que he descubierto:
La antípoda de Paraguay cae en el océano.
Todo el territorio de Uruguay cabe en el océano entre China y Korea.
Toda Africa tiene en el punto opuesto del planeta, océano, excepto algunos puntos de contacto con Nueva Caledonia.
Prácticamente las antípodas de España está en Nueva Zelandia.
Para Grecia, Turquía y todo el este asiático: agua por doquier.
Para Colombia, Malasia.
En fin, a descubrir que nos toca a cada uno!

Share:

Conferencia: Accesibilidad en la Web

El próximo 5 de noviembre, Escuela Da Vinci organiza una conferencia sobre Accesibilidad en la Web(1).

La misma estará a cargo de Eugenia Jongewaard de etnikastudio

objetivos: conocer los beneficios de la aplicación de técnicas de accesibilidad al contenido web, proporcionar recomendaciones para diseñar sitios web usables y accesibles. Destinatarios: profesionales relacionados con el desarrollado de sitios y/o aplicaciones profesionales de tecnología y estudiantes de áreas afines (...)


La conferencia se llevará a cabo el lunes 5 de noviembre, entre las 19:30 hs y las 21:00 hs.

La entrada es libre y gratuita y la inscripción vía mail se puede efectuar enviando un correo a info[at]escueladavinci.net

Auditorio Escuela Da Vinci - Avda. Corrientes 2049 - tel: 5032-0055

fuente: el rallador

(1) Off-topic:

Me permito la licencia de redefinir el título de la conferencia, en el original figura Accesibilizando la Web. Término el cual no comparto:

  • Accesible = adjetivo
  • Accesibilidad = sustantivo de cualidad
  • Accesibilizando = gerundio formado a partir de la verbalización de un sustantivo.
¡Me lleva la cachetada!
Todos entendemos de qué trata la conferencia; no debemos abusar del idioma.
;-)
Share:

martes, 30 de octubre de 2007

Como insertar un mapa de Google en la Web

El título no es novedoso; no estoy inventando nada.
Lo que sí quiero difundir, en estos tiempos de wikis, es Wikimapia
Ya, hoy día, con más de 5.2 millones de lugares descriptos, Wikimapia sigue fiel a su slogan:
“¡Describamos el mundo entero!”

Por supuesto, puede accederse a los contenidos en forma anónima, y hasta coloborar con las descripciones del mundo que nos rodea.
Lo cual no evita que a cotidiano, algunos lugares tengan que solicitar borrarse ya que existen polígonos del tipo:
“la casa de…”, “el hogar de…”, “Pepe’s home…”, etc.

Pero para efectuar dicha solicitud, hay que gestionar una cuenta: sólo hace falta un mail válido para llevarla a cabo.
Wikipamia es una herramienta interesante, de hecho tiene ya su propio layer en Google Earth
Con casi 250 sitios creados y poco menos de 1000 editados tomo a Wikimapia como una adicción periódica.

Meses atrás (marzo/2007) introdujo la novedad de los polígonos, para un cómo utilizarlos, la mejor entrada (la original) disponible en How To #6: Adding Polygons
Para utilizar un mapa de Wikimapia, ni siquiera hace falta gestionar una cuenta.

Desde la página, el menú Wikimapia, disponen de la opción
Map on your page


To place a part of this map on your site or blog,

move/resize the frame and copy the HTML code below

to your page. Attention: if you want to make a link

to this page, use URL on the top of your browser.

<iframe src="http://wikimapia.org/s/#y=-34595046&

amp;x=-58375812&amp;z=16&amp;l=3&amp;m=a&

amp;v=2" frameborder="0" height="272" width="324"><

/iframe>




Plaza San Martín


Ciudad Autónoma de Buenos Aires - Argentina




Y para un link desde el browser, sólo hay que copiar la dirección URL
Share:

domingo, 28 de octubre de 2007

Cómo implementar el acceso web para ciegos

Guía práctica de como instalar un lector de pantalla gratuito con soporte de voz en castellano


Desde la semana pasada me puse de cara al siguiente postulado:
Si llevo a cabo el diseño de un sitio web, asegurando que el contenido sea accesible con independencia del dispositivo, cualquier lector de pantalla (screen reader) podrá interpretarlo fácilmente.
Decidí entonces, llevar a cabo una búsqueda con la siguiente condición:

Un lector de pantalla de acceso gratuito que ofrezca soporte de voz en castellano


(esta cadena de texto no arroja resultado positivo en ningún buscador)

Dividí las búsquedas en dos segmentos:
“screen reader” y “lector de pantalla”.
La mejor lista que obtuve, la encontré en Wikipedia (inglés): Comparison of screen readers
Así que inmediatamente, encontré la contrapartida en castellano:
Lector de pantalla
A golpe de vista nomás, las versiones de pago, son mayoría: 22 contra 9.
Si centramos la atención en Windows (por el sistema operativo más difundido), la lista desciende a 2:
  • NVDA
  • Thunder ScreenReader
Inmediatamente centro mi atención en NVDA, ya que
Programable en Python. Soporta Mozilla Firefox, Microsoft Internet Explorer, Word, Excel y Outlook Express, y Mozilla Thunderbird en menor grado (…).
Enumerar todos los resultados obtenidos en las búsquedas previas, no quita ni agrega nada a este post. Llegué a este punto: conforme estaba.
Para la prueba que estaba decidido llevar a cabo, opté por bajar la versión Lite (poco menos de 9Mb).
Y luego de la instalación, noté que NVDA soporta Speech Spanish aunque no están presentes en esa versión las librerías correspondientes (tal vez sí en la versión full, que no bajé).
Por lo que bajé entonces TRUVOICE TTS que es un
SAPI 5.0 (Speech Application Programming Interface)
Desde la web, la única vía de acceso que encontré es:
http://www.bytecool.com/voices.htm
El enlace al sitio de Microsoft:
http://activex.microsoft.com/activex/controls/agent2/lhttsspe.exe
Por lo que luego puede configuar en forma adecuada NVDA.

De resultas, accediendo a cualquier página y pulsando el cursor abajo va continuando el speech (text to voice).
NVDA soporta bloc de notas, procesadores de texto y documentos web.
Por supuesto, los mejores resultados se obtienen cuando los documentos HTML (el caso que me ocupa) deben estar bien marcados, preferentemente sin diseños basados en tablas ni demasidos layers o DIVs.

entrada relacionada: Cómo implementar el acceso web para ciegos - parte 2
Share:

sábado, 27 de octubre de 2007

Insertar HTML en un blog

El siguiente tip es precisamente sobre insertar HTML (o cualquier código de programación) en un blog o página web.
Lo principal es tener en cuenta el siguiente marcado HTML:
<pre>
<code>tu codigo aqui</code>
<code>sigue el codigo</code>
</pre>
Pero la cosa no termina ahí, las etiquetas HTML son interpretadas por el browser o navegador y para evitar esto (porque lo que queremos es mostrar el código, no que sea interpretado) hay que escribir los correspondientes códigos de escape.
Si la demanda estuviera simplemente restringida a sólo un par de líneas, la tarea puede llevarse a cabo rápidamente. Sólo hace falta conocer los correspondientes códigos de escape...
De otra forma, de igual de eficiente y mucho más rápida es darle el trabajo a un programa.
El recurso (no el único) está disponible en forma gratuita en la red.
Sólo hay que dirigirse a
http://blogcrowds.com/resources/parse_html.php
Pegar el código en cuestión y solicitar la ejecución mediante el botón PARSE.
En mi caso, el resultado es el siguiente:
Ahora sí, efectuamos el marcado que mostré antes y nos queda:


<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>


Lo que nos queda, es un poco de CSS para darle vida a nuestra muestra. Pero hasta acá llega el tip de hoy.
Share:

Cómo hacer una captura de pantalla?

Con determinada frecuencia me suele ocurrir que debo tomar alguna captura de pantalla, un screenshot; pero cuando debo tomar la página por completo (scroll hacia abajo incluído) mi mejor herramienta es Screengrab!
Una extensión de Firefox que trabaja en dos modalidades:
  • Guardar y
  • Copiar
Y cada una de ellas con las siguientes prestaciones:
  • Página/marco completo
  • Porción visible y
  • Selección
El formato de archivo para guardar es PNG
Share:

jueves, 25 de octubre de 2007

Tablas + CSS: una galería original

Basado en la idea y edición original de Chris Heilmann CSS Table Gallery es una galería de una única tabla en HTML con diferentes presentaciones vía CSS.



No importa si esto es antes o después que css Zen Garden: The Beauty in CSS Design
Rescato la iniciativa que el buen marcado en HTML y la posibilidad de CSS demuestran formas diversas de hacer bien las cosas.

Un buen sitio para consultar, inspirarse y compartir.
Share:

Cómo promocionar mi blog?

Si bien una mención especial se merece la calidad de los contenidos y la frecuencia en que el blog se actualiza ¿qué pasa cuando esto está al día? y me digo: "quiero más visitas en mi blog".
Hasta donde nos toca ver en el día a día, las formas más comunes de promocionar un blog, parten generalmente de las siguientes estrategias:
  • Enlaces en otras Webs
  • Inclusión en directorios temáticos
  • Firmas en blogs
  • Participación en foros
  • Enlaces en nuestros correos o newsletters que publicamos
  • Y...?
Para aquellos que crean que poco puede sorprendernos existe 9 minutos de fama
La visita al sitio no encuentra SIEMPRE con algún blog que está teniendo sus 9 minutos de fama.
Extenuado el tiempo hay que tipear, pegar (lo que se te ocurra) la URL del blog y dar ENTER/CLICK (y cruzar los dedos, si es que sirve) y esperar que llegue nuestro momento de gloria.

Cansados, aburridos de dar de alta nuestro blog?
Vale la pena intentarlo.

Share:

miércoles, 24 de octubre de 2007

Checklist para estándares web

De entre lo items que componen mi lista de marcadores sobre accesibilidad, rescato para esta entrada:

Checklist para estándares web

Si bien la gente de NOCOESTUDIO está hoy día rediseñado su sitio, espero no dejen afuera este singular aporte:

Checklist para estándares web

Gracias a Gabriel Porras de Estándares y Accesibilidad por hacerme notar que involuntariamente había omitido el enlace hacia la versión en castellano.


El cual es una buena traducción del original en inglés del sitio de Max Design:

A web standards checklist

En referencia a la traducción en castellano, la misma contiene 6 puntos fundamentales:


  • Calidad del código
  • Grado de separación entre el código y la presentación
  • Accesibilidad para usuarios
  • Accesibilidad para los dispositivos
  • Usabilidad Básica
  • Administración del sitio
Share:

Google Webmasters Tool

Desde hace unas horas Google ha implementado, el aporte de mucha más información sobre las estadísticas de navegación para aquellos webmasters que utilizamos a GWT.

La buena novedad viene dentro del segmento estadísticas de consultas:

Top search queries



El acceso a la información está segmentado según los siguientes criterios de tiempo:

Desde los 6 meses históricos hasta un mes atrás y semana a semana hasta los registros generados en los últimos 7 días.

Las dos columnas muestras respectivamente:

Las principales consultas de búsqueda (Top search queries) y las principales consultas donde el usuario ha hecho click (Top clicked queries)

La información para cada columna, nos dice:

Posición de la página, porcentaje en que el sitio aparece dentro de la consulta, la consulta en sí y la posición de la página.

Está, además, disponible la bajada de datos en formato CSV.
Share:

Localizar geográficamente un host

Tipeando la URL de un sitio o, simplemente una direccion IP, podemos acceder (Google Maps mediante) a la dirección geográfica de donde un sitio está alojado.

Entiendo que más que una utilidad es una curiosidad, a menos que alguien me explique lo contrario; pero de eso se trata:

Ingresá una dirección IP o un nombre de dominio para observar su geolocalización. Por defecto es tu actual IP. Además podés consultar una IP o nombre de dominio agregando ?ip= como un sufijo a la URL de la página.

Share:

Problemas con el feed de mi sitio: Blogger (parte 2)

Finalmente GWT le dió OK a la URL de mi feed.
Como bien indiqué en mi post anterior; hay que informar
rss.xml?orderby=updated
En el campo donde comúnmente ponemos sitemap.xml
Por lo demás, ahora sí: basta por hoy :-|
entrada relacionada: Como agregar un sitemap en Blogger
Share:

Como agregar un sitemap en Blogger

Apuntar el sitemap en GWT a la entrada atom.xml hubiera sido válido (creo) si no hubiese migrado oportunamente a la version beta 2.0 de Blogger. Pero en eso no hay vuelta atrás (ya estaba avisado).
Ahora he ido a CONFIGURACION - FEED DEL SITIO e informado a Blogger que la URL del feed no es más
http://ulczyk.blogspot.com/feeds/posts/default?alt=rss
sino, ahora:
http://feeds.feedburner.com/UtilidadesParaWebmasters
Y he seguido los pasos comentados en gpowered
Agregando finalmente en sitemap (GWT) lo que sigue:
rss.xml?orderby=updated
A esperar nuevamente, estoy de nuevo en estado PENDIENTE!
Pero, importante, he logrado recuperar mis fuentes utilizando Sage
entrada relacionada: Problemas con el feed de mi sitio: Blogger
Share:

Problemas con el feed de mi sitio: Blogger

Me llamó la atención que Technorati no enviase su spider a ver las últimas entradas en mi blog.
Así que lo primero que se me ocurrió hacer era validar el feed de mi blog.
Recurrí entonces a Feed Validator. Y mis últimas 3 entradas contenían errores.
Por lo que decidí anular las siguientes:
  • Localizar geográficamente un host
  • Google Webmasters Tool
  • Checklist para estándares web
Solución precipitada.
Validé el feed nuevamente y arreglado el asunto.
http://feedvalidator.org/check.cgi?url=http%3A//ulczyk.blogspot.com/atom.xml
Ahora hasta tengo disponible un ícono de validación. Jah!
Bien! Falta sólo recuperar desde el back-up el contenido y publicarlo nuevamente.
Ahora, en el entretanto, y consultando la URL del feed:
http://ulczyk.blogspot.com/atom.xml
La misma no existe :-(
Google no la encuentra (Yahoo! tampoco), IE no la muestra y Firefox me dice que:
La página no está siendo redireccionada correctamente
Firefox ha detectado que el servidor está redirigiendo el pedido para esta dirección en una forma que nunca se completará.

A veces las contingencias suceden cuando dos o más acciones toman partido en un marco de tiempo contemporáneo. Si esto es así la búsqueda del equilibrio sólo tendrá lugar mediante un sistema de control cuasi-científico. (Mañana de definiciones: Jeh-jeh-jeh!)
Mis cavilaciones son rigurosamente en el siguiente orden:
1) No tengo presente la forma en que influye mi servicio de estádístísticas de FeedBurner
(cambié algo ahí? no lo recuerdo).
2) El FeedMedic dió un error el día anterior de mi entrada que algunos habrán leído: Checklist para estándares web.
3) El mismo día doy de alta mi blog en las Webmaster Tools, agregando la etiqueta de verificación.
Hasta acá todo transparente, es más al día siguiente FeedMedic me informa que el feed está recuperado del error.

URLs not followed


Primer error: el feed de Blogger no es accesible! :-(

URLs restricted by robots.txt


Segundo error: Todos mis labels son inaccesibles! :-(
¿Donde edito mi robots.txt en Blogger? No puedo, no tengo acceso total al host de mi blog. Caí en la bondad de dejar que Google haga eso por mí... ¡Caray!
Miro blogs, consulto foros... parece que Google hace esto para evitar indexar contenido duplicado. Ufff! Gracias Google! ¿y ahora?
Ahora estoy intentando subir mi sitemap.xml a Google.

Subir sitemap.xml a Blogger


Era temprano, mi desayuno estaba "en veremos" y todavía no logro hacer demasiado sin una buena taza de café.
Solución: Google - añadir un sitemap a blogger
La respuesta la encontré en el blog de Luis Angel Almerimar: Liamngls
Pregunta: Obvio! como no me dí cuenta antes?
Respuesta: No había desayunado ;-)
Así que ahí estoy en estado pending (como dice Google) esperando ahora que mi feed (válido), pero inexpugnable, sea leído por Google (podrá?)
Basta por hoy...
Share:

miércoles, 17 de octubre de 2007

Blogs sobre accesibilidad y usabilidad (en español)

Fran Mengibar desde su blog: Accesibilidad, usabilidad y Estándares web ha decidido, con muy buen criterio y aceptación, generar una lista conteniendo los mejores blogs sobre accesibilidad y usabilidad web en español.



Gracias por la inclusión Fran, de este modesto blog!

Esta entrada tiene como objetivo estar a la "altura de lo acontecimientos", y divulgar entonces, abiertamente, la invitación que Fran nos cursa desde su blog para seguir completando la lista


Ya que como bien cita:


Me han salido sólo 60, por supuesto no están todos los que son ni son todos los que están (...)
Share:

sábado, 13 de octubre de 2007

Snipplr: un repositorio de códigos

Snipplr es un repositorio público de código fuente, que da la oportunidad de guardar y organizar (y compartir) todas esas pequeñas piezas de código que se utilizan cada día





Dentro de las categorías disponibles se puede contar



  • Javascript

  • HTML

  • PHP

  • CSS

  • Ruby

  • etc



Share:

viernes, 5 de octubre de 2007

Audio en tu blog

goear



Hace varias semanas que goear viene amagando con varias modificaciones de fondo


Cada día que pasa, falta menos (parece)

Share:

miércoles, 3 de octubre de 2007

Tráfico en tiempo real

Estadísticas para tu sitio


Los widgets (miniaplicaciones de terceras partes que pueden ser insertadas en páginas web, por ejemplo) que hoy comento; vienen de la mano de whos.amung.us



La disponibilidad de estos en whos.amung no es amplia, es variada y siempre enfocada a medir qué está pasando con el tráfico de nuestro sitio; blog o página web


Aquí no hay cuentas, registraciones ni nada que se le asemeje; simplemente elegir el widget, copiar el código y pegarlo donde deseamos que aparezca


Visualización de tráfico en tiempo real



Este no es un contador de visitas, simplemente muestra la cantidad de visitantes que comparten la página. Está disponible el tamaño estándard y uno más pequeño


Una mención aparte, para aquellos usuarios de Firefox. Está disponible una extensión para monitorear el sitio deseado sin estar en la página todo el día. La extensión whosamungusv160.xpi se ocupa de ellos en un rincón del browser.



Mapa de nuestros visitantes




Por cierto personalizable: tipo de mapa, tipo de pin y color



Gráficos y estadísticas


Actualmente este widget está deshabilitado

Share:

Publicidad

Estadísticas