<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Libro de Apuntes &#187; 2008 &#187; diciembre</title>
	<atom:link href="http://www.librodeapuntes.es/2008/12/feed" rel="self" type="application/rss+xml" />
	<link>http://www.librodeapuntes.es</link>
	<description>Accesibilidad Web, Posicionamiento, SMO, Marketing, Usabilidad, Internet, Libro de apuntes de Bruno Rico</description>
	<lastBuildDate>Wed, 08 Sep 2010 18:34:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Wikipedia para teléfonos móviles</title>
		<link>http://www.librodeapuntes.es/2008/12/18/wikipedia-para-telefonos-moviles</link>
		<comments>http://www.librodeapuntes.es/2008/12/18/wikipedia-para-telefonos-moviles#comments</comments>
		<pubDate>Wed, 17 Dec 2008 23:08:59 +0000</pubDate>
		<dc:creator>Bruno Rico</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Hawhaw]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[web móvil]]></category>
		<category><![CDATA[wikipedia]]></category>

		<guid isPermaLink="false">http://www.librodeapuntes.es/?p=470</guid>
		<description><![CDATA[Se ha publicado la versión móvil de la wikipedia. La verdad es que es tan austera como la web original, pero dispone de un par de detalles que me han agradado especialmente: Los textos aparecen paginados: muchos artículos de la wikipedia son muy extensos, y leerlos en la pantalla de un móvil puede ser realmetne incómodo. Las imágenes están reescaladas a 128px, por lo que se muestran correctamente en cualquier dispositivo. Valida los estándares en un 97%. Podemos ver el resultado de la validación de mobileOk del artículo sobre accesibilidad. Como podemos ver en el pie de las páginas, la versión móvil de la wikipedia está generada con la ayuda de Hawhaw (Html And Wml Hybrid Adapted Webserver). Hawhaw es un proyecto de software libre (y gratuito) que afirma en su página que permite crear código: HTML WML 1.x XHTML Mobile Profile (WAP 2.0) iMode (cHTML) HDML MML VoiceXML Se puede ver una demo en la url http://wap.hawhaw.de. Vía El País: Wikipedia se adapta al móvil. Lo comentan también en The Inquierer: La Wikipedia ya está disponible en formato móvil. Hearthis post]]></description>
			<content:encoded><![CDATA[<p>Se ha publicado la <a title="Enlace externo a información en inglés." href="http://mobile.wikipedia.org/">versión móvil de la wikipedia</a>.<br />
<a href="http://mobile.wikipedia.org/transcode.php?go=Mobile%20Web&#038;PHPSESSID=4a7767628b707df2ad0f09486f395c73" title="enlace externo a información en inglés"><img class="float-right" title="wikipedia mobile captura del artículo en inglés sobre la web móvil" src="http://www.librodeapuntes.es/wp-content/uploads/2008/12/wikipedia_mobile.png" alt="wikipedia mobile captura del artículo en inglés sobre la web móvil" /></a><br />
La verdad es que es tan austera como la web original, pero dispone de un par de detalles que me han agradado especialmente:</p>
<ul>
<li>Los textos aparecen paginados: muchos artículos de la wikipedia son muy extensos, y leerlos en la pantalla de un móvil puede ser realmetne incómodo.</li>
<li>Las imágenes están reescaladas a 128px, por lo que se muestran correctamente en cualquier dispositivo.</li>
<li>Valida los estándares en un 97%. Podemos ver el resultado de la <a title="Enlace externo a información en inglés." href="http://validator.w3.org/mobile/?docAddr=http%3A%2F%2Fmobile.wikipedia.org%2Ftranscode.php%3Fgo%3Dcoru%25C3%25B1a%26PHPSESSID%3Dhttp%3A%2F%2Fmobile.wikipedia.org%2Ftranscode.php%3Fgo%3Daccessibility%26PHPSESSID%3D4a7767628b707df2ad0f09486f395c73&amp;view=cat">validación de mobileOk del artículo sobre accesibilidad</a>.</li>
</ul>
<p>Como podemos ver en el pie de las páginas, la versión móvil de la wikipedia está generada con la ayuda de <a title="Enlace externo a  información en inglés" href="http://www.hawhaw.de/">Hawhaw</a> (Html And Wml Hybrid Adapted Webserver).</p>
<p>Hawhaw es un proyecto de software libre (y gratuito) que afirma en su página que permite crear código:</p>
<ul>
<li>HTML</li>
<li>WML 1.x</li>
<li>XHTML Mobile Profile (WAP 2.0)</li>
<li>iMode (cHTML)</li>
<li>HDML</li>
<li>MML</li>
<li>VoiceXML</li>
</ul>
<p>Se puede ver una demo en la url <a href="http://wap.hawhaw.de/" target="_blank">http://wap.hawhaw.de.</a></p>
<p>Vía El País: <a title="Elace externo" href=" http://www.elpais.com/articulo/internet/Wikipedia/adapta/movil/elpeputec/20081217elpepunet_3/Tes">Wikipedia se adapta al móvil</a>.<br />
Lo comentan también en The Inquierer: <a href="http://www.theinquirer.es/2008/12/16/la-wikipedia-ya-esta-disponible-en-formato-movil.html" title="enlace a sitio externo" >La Wikipedia ya está disponible en formato móvil</a>.</p>
<div class="float-right"><form id="vozme_form_22865a28c2a8ee0883606553c2af9601" method="post" name="vozme_form_22865a28c2a8ee0883606553c2af9601" target="22865a28c2a8ee0883606553c2af9601" action="http://vozme.com/text2voice.php"><input name="text" type="hidden" value="Wikipedia para teléfonos móviles.. Se ha publicado la versión móvil de la wikipedia.

La verdad es que es tan austera como la web original, pero dispone de un par de detalles que me han agradado especialmente:

Los textos aparecen paginados: muchos artículos de la wikipedia son muy extensos, y leerlos en la pantalla de un móvil puede ser realmetne incómodo.
Las imágenes están reescaladas a 128px, por lo que se muestran correctamente en cualquier dispositivo.
Valida los estándares en un 97%. Podemos ver el resultado de la validación de mobileOk del artículo sobre accesibilidad.

Como podemos ver en el pie de las páginas, la versión móvil de la wikipedia está generada con la ayuda de Hawhaw (Html And Wml Hybrid Adapted Webserver).
Hawhaw es un proyecto de software libre (y gratuito) que afirma en su página que permite crear código:

HTML
WML 1.x
XHTML Mobile Profile (WAP 2.0)
iMode (cHTML)
HDML
MML
VoiceXML

Se puede ver una demo en la url http://wap.hawhaw.de.
Vía El País: Wikipedia se adapta al móvil.
Lo comentan también en The Inquierer: La Wikipedia ya está disponible en formato móvil.
" /><input name="lang" type="hidden" value="en" /><input name="gn" type="hidden" value="ml" /><input type="hidden" id="interface" name="interface" value="full" />
			<div style="margin-left:40%;">
			
				<input style="float:left;" type="image"  src="http://www.librodeapuntes.es/wp-content/plugins/vozme/img/megaphone40x40w.gif" alt="Hear this post" onclick="window.open('', '22865a28c2a8ee0883606553c2af9601', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes');" />
				<div style="text-align:left;"><a href="javascript:void(0);" onclick="window.open('', '22865a28c2a8ee0883606553c2af9601', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes'); document.getElementById('vozme_form_22865a28c2a8ee0883606553c2af9601').submit();">Hear<br/>this post</a></div>
			</div></form></div>]]></content:encoded>
			<wfw:commentRss>http://www.librodeapuntes.es/2008/12/18/wikipedia-para-telefonos-moviles/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo Instalar Opera en Ubuntu</title>
		<link>http://www.librodeapuntes.es/2008/12/16/como-instalar-opera-en-ubuntu</link>
		<comments>http://www.librodeapuntes.es/2008/12/16/como-instalar-opera-en-ubuntu#comments</comments>
		<pubDate>Tue, 16 Dec 2008 22:04:09 +0000</pubDate>
		<dc:creator>Bruno Rico</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[navegadores web]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[ubuntu]]></category>

		<guid isPermaLink="false">http://www.librodeapuntes.es/?p=468</guid>
		<description><![CDATA[Pues eso, vamos a ver como instalar el Navegador Opera en Ubuntu: Añadimos el repositorio de Opera a nuestras fuentes de Software: Podemos añadirlo desde el menú Sistema &#62; Administración &#62; Orígenes de Software. Una vez ahí pinchamos sobre la pestaña &#8220;Software de terceros&#8221;, pulsamos sobre &#8220;añadir&#8221; y pegamos: deb http://deb.opera.com/opera/ stable non-free Añadimos la firma del repositorio de Opera. Esta firma se utiliza para verificar que nos conectamos al repositorio correcto. Para ello ejecutamos en la consola: sudo wget -O &#8211; http://deb.opera.com/archive.key &#124; sudo apt-key add - Actualizamos la información de los paquetes e instalamos Opera ejecutando en la consola estos dos comandos: sudo apt-get update sudo apt-get install opera A disfrutarlo. Más información: Ubuntu Documentation: OperaBrowser Opera Home EDITO: Ahora también nos podemos bajar directamente el paquete instalable para Ubuntu desde la web de Opera Hearthis post]]></description>
			<content:encoded><![CDATA[<p>Pues eso, vamos a ver como instalar el Navegador Opera en Ubuntu:</p>
<ol>
<li> Añadimos el repositorio de Opera a nuestras fuentes de Software:<em><br />
</em>Podemos añadirlo desde el menú <strong>Sistema &gt; Administración &gt; Orígenes de Software</strong>.<br />
Una vez ahí pinchamos sobre la pestaña &#8220;Software de terceros&#8221;, pulsamos sobre &#8220;añadir&#8221; y pegamos:<br />
<em><strong>deb http://deb.opera.com/opera/ stable non-free</strong></em></li>
<li>Añadimos la firma del repositorio de Opera. Esta firma se utiliza para verificar que nos conectamos al repositorio correcto. Para ello ejecutamos en la consola:<br />
<em><strong>sudo wget -O &#8211; http://deb.opera.com/archive.key | sudo apt-key add -</strong></em></li>
<li>Actualizamos la información de los paquetes e instalamos Opera ejecutando en la consola estos dos comandos:<br />
<strong><em>sudo apt-get update<br />
sudo apt-get install opera<br />
</em></strong></li>
<li>A disfrutarlo.</li>
</ol>
<p>Más información:</p>
<ul>
<li><a title="Enlace externo a información en ingles" href="https://help.ubuntu.com/community/OperaBrowser">Ubuntu Documentation: OperaBrowser</a></li>
<li><a title="Enlace externo a información en inglés" href="http://www.opera.com/">Opera Home</a></li>
</ul>
<p>EDITO: Ahora también nos podemos bajar directamente el <a title="Enlace externo a información en inglés" href="http://www.opera.com/download/">paquete instalable para Ubuntu desde la web de Opera</a></p>
<div class="float-right"><form id="vozme_form_4201351b700522e3e1337775f1c01a7c" method="post" name="vozme_form_4201351b700522e3e1337775f1c01a7c" target="4201351b700522e3e1337775f1c01a7c" action="http://vozme.com/text2voice.php"><input name="text" type="hidden" value="Cómo Instalar Opera en Ubuntu.. Pues eso, vamos a ver como instalar el Navegador Opera en Ubuntu:

 Añadimos el repositorio de Opera a nuestras fuentes de Software:
Podemos añadirlo desde el menú Sistema &gt; Administración &gt; Orígenes de Software.
Una vez ahí pinchamos sobre la pestaña &#8220;Software de terceros&#8221;, pulsamos sobre &#8220;añadir&#8221; y pegamos:
deb http://deb.opera.com/opera/ stable non-free
Añadimos la firma del repositorio de Opera. Esta firma se utiliza para verificar que nos conectamos al repositorio correcto. Para ello ejecutamos en la consola:
sudo wget -O &#8211; http://deb.opera.com/archive.key | sudo apt-key add -
Actualizamos la información de los paquetes e instalamos Opera ejecutando en la consola estos dos comandos:
sudo apt-get update
sudo apt-get install opera

A disfrutarlo.

Más información:

Ubuntu Documentation: OperaBrowser
Opera Home

EDITO: Ahora también nos podemos bajar directamente el paquete instalable para Ubuntu desde la web de Opera
" /><input name="lang" type="hidden" value="en" /><input name="gn" type="hidden" value="ml" /><input type="hidden" id="interface" name="interface" value="full" />
			<div style="margin-left:40%;">
			
				<input style="float:left;" type="image"  src="http://www.librodeapuntes.es/wp-content/plugins/vozme/img/megaphone40x40w.gif" alt="Hear this post" onclick="window.open('', '4201351b700522e3e1337775f1c01a7c', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes');" />
				<div style="text-align:left;"><a href="javascript:void(0);" onclick="window.open('', '4201351b700522e3e1337775f1c01a7c', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes'); document.getElementById('vozme_form_4201351b700522e3e1337775f1c01a7c').submit();">Hear<br/>this post</a></div>
			</div></form></div>]]></content:encoded>
			<wfw:commentRss>http://www.librodeapuntes.es/2008/12/16/como-instalar-opera-en-ubuntu/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>WCAG 2.0 Estándar de Accesibilidad recomendado por la W3C</title>
		<link>http://www.librodeapuntes.es/2008/12/14/accesibilidad-wcag-estandar-w3c</link>
		<comments>http://www.librodeapuntes.es/2008/12/14/accesibilidad-wcag-estandar-w3c#comments</comments>
		<pubDate>Sun, 14 Dec 2008 16:40:30 +0000</pubDate>
		<dc:creator>Bruno Rico</dc:creator>
				<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[Estándares]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[wcag]]></category>

		<guid isPermaLink="false">http://www.librodeapuntes.es/?p=458</guid>
		<description><![CDATA[El pasado día 11 de Diciembre de 2008 las WCAG 2.0 o Guías de Accesibilidad para Contenido Web versión 2.0, pasaron a ser un recomendación por parte de la W3C. Las WCAG 2.0 vienen a substituir a las WAI WCAG 1.0 (o Iniciativa para la Accesibilidad Web) Podéis consultar el post Presentación sobre WCAG 2.0 Working Draft (2007) en el que analizamos más en profundidad dicho estándar. Las WCAG 2.0 están articuladas en cuatro documentos: How to meet WCAG 2.0 o Quick Reference: documento orientado a ser una guía rápida de referencia, con principios de validación, criterios de cumplimiento&#8230; Techniques for WCAG 2.0: documento técnico para desarrolladores, donde se proponen soluciones. Esta independecia sobre los otros documentos permitirán que las técnicas se vayan actualizando con los nuevos dispositivos y ayudas técnicas a medida que se vayan produciendo avances en dicho campo. Understanding WCAG 2.0: información más detallada sobre el por qué de los distintos puntos de recomendación, beneficios y ejemplos. Este es el último paso de un largo camino. Hasta llegar a este punto, las WCAG han pasado por varios estados: Working Draft o borrador de trabajo: donde se empiezan a recoger las especificaciones y técnicas. Last Call Working Draft [...]]]></description>
			<content:encoded><![CDATA[<p>El pasado día 11 de Diciembre de 2008 las <a title="Enlace externo a información en inglés" href="http://www.w3.org/News/2008#item210"><abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.0 o Guías de Accesibilidad para Contenido Web versión 2.0, pasaron a ser un recomendación por parte de la W3C</a>.</p>
<p>Las WCAG 2.0 vienen a substituir a las <a title="Enlace externo a información en inglés" href="http://www.w3.org/WAI/"><abbr title="Web Accessibility Initiative">WAI</abbr> WCAG 1.0 (o Iniciativa para la Accesibilidad Web)</a></p>
<p>Podéis consultar el post <a href="http://www.librodeapuntes.es/2008/05/17/presentacion-sobre-wcag-20-working-draft-2007">Presentación sobre WCAG 2.0 Working Draft (2007)</a> en el que analizamos más en profundidad dicho estándar.</p>
<p>Las WCAG 2.0 están articuladas en cuatro documentos:</p>
<ul>
<li><a title="Enlace externo a información en inglés" href="http://www.w3.org/WAI/WCAG20/quickref/">How to meet WCAG 2.0</a> o Quick Reference: documento orientado a ser una guía rápida de referencia, con principios de validación, criterios de cumplimiento&#8230;</li>
<li><a title="Enlace externo a información en inglés" href="http://www.w3.org/TR/WCAG20-TECHS/">Techniques for WCAG 2.0</a>: documento técnico para desarrolladores, donde se proponen soluciones. Esta independecia sobre los otros documentos permitirán que las técnicas se vayan actualizando con los nuevos dispositivos y ayudas técnicas a medida que se vayan produciendo avances en dicho campo.</li>
<li><a title="Enlace externo a información en inglés" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/">Understanding WCAG 2.0</a>: información más detallada sobre el por qué de los distintos puntos de recomendación, beneficios y ejemplos.</li>
</ul>
<p class="float-center"><a href="http://www.librodeapuntes.es/wp-content/uploads/2008/12/wcag20docs.png"><img class="alignnone size-full wp-image-460" src="http://www.librodeapuntes.es/wp-content/uploads/2008/12/wcag20docs.png" alt="relación entre los documentos de las wcag 2.0" width="567" height="322" /></a></p>
<p>Este es el último paso de un largo camino. Hasta llegar a este punto, <a title="Enlace externo a información en inglés" href="http://www.w3.org/WAI/intro/w3c-process">las WCAG han pasado por varios estados</a>:</p>
<ol>
<li><strong>Working Draft o borrador de trabajo</strong>: donde se empiezan a recoger las especificaciones y técnicas.</li>
<li><strong>Last Call Working Draft o última llamada al borrador</strong>: se considera que se han recogido todas las sugerencias y requisitos técnicos. Oportunidad para recoger las últimas contribuciones.</li>
<li><strong>Candidate Recommendation o Candidata a recomendación</strong>: Se solicita a la comunidad que empiecen a  implantar las soluciones o estándares definidos. Con eso se asegura la viabilidad técnica y real de implantación de los nuevos estándares.</li>
<li><strong>Proposed Recommendation o Recomendación propuesta</strong>: Se observan las distintas implementaciones y se admiten el soporte público del estándar por parte de los diferentes miembros y de la comunidad.</li>
<li><strong>W3C Recommendation (Web Standard). Recomendación de la W3C y estándar web</strong>.</li>
</ol>
<p>En este punto es en el que se encuentran las WCAG, por lo tanto podemos ver que han recorrido un largo camino. Lo más interesante es el futuro que nos queda por delante. De su implantación dependerá en gran medida que los usuarios con alguna discapacidad, nuestros mayores, los niños o los móviles puedan consumir los contenidos de la web.</p>
<p>Más información:</p>
<ul>
<li><a title="Enlace externo a información en inglés" href="http://www.w3.org/News/2008#item210">W3C Web Standard Defines Accessibility for Next Generation Web:W3C Web Standard Defines Accessibility for Next Generation Web</a></li>
<li><a title="Enlace externo" href="http://www.w3c.es/Noticias/2008/12/11/estandar-web-del-w3c-define-la-accesibilidad-para-la-web-de-nueva-generacion/">Estándar Web del W3C define la accesibilidad para la Web de nueva generación</a></li>
<li>Web Credible &#8211; <a title="Enlace externo a información en inglés" href="http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/wcag-guidelines-20.shtml">WCAG 2.0: The new W3C accessibility guidelines evaluated</a></li>
</ul>
<p>Se han hecho eco entre otros:</p>
<ul>
<li>Inteco: <a title="Elace externo" href="http://www.inteco.es/Prensa/Noticias_Accesibilidad/wcag2_recomendacion">WCAG 2.0 ya son recomendación de W3C</a></li>
<li>Más que accesibilidad: <a title="Elace externo" href="http://www.mqaccesibilidad.com/2008/12/las-guias-de-accesibilidad-wcag-20-ya-son-una-realidad.html">Las Guías de Accesibilidad WCAG 2.0 ya son una realidad</a></li>
<li>Usable y Accesible: <a title="Elace externo" href="http://olgacarreras.blogspot.com/2008/12/wcag-20-ya-son-recomendacin.html">WCAG 2.0 ya son recomendación</a></li>
<li>El País: <a title="Elace externo" href="http://www.elpais.com/articulo/internet/W3C/marca/nuevas/directrices/hacer/accesible/Internet/todos/publicos/elpeputec/20081212elpepunet_4/Tes">W3C marca nuevas directrices para hacer más accesible Internet a todos los públicos</a></li>
</ul>
<div class="float-right"><form id="vozme_form_f64f31c2533db2f272dcc36036239266" method="post" name="vozme_form_f64f31c2533db2f272dcc36036239266" target="f64f31c2533db2f272dcc36036239266" action="http://vozme.com/text2voice.php"><input name="text" type="hidden" value="WCAG 2.0 Estándar de Accesibilidad recomendado por la W3C.. El pasado día 11 de Diciembre de 2008 las WCAG 2.0 o Guías de Accesibilidad para Contenido Web versión 2.0, pasaron a ser un recomendación por parte de la W3C.
Las WCAG 2.0 vienen a substituir a las WAI WCAG 1.0 (o Iniciativa para la Accesibilidad Web)
Podéis consultar el post Presentación sobre WCAG 2.0 Working Draft (2007) en el que analizamos más en profundidad dicho estándar.
Las WCAG 2.0 están articuladas en cuatro documentos:

How to meet WCAG 2.0 o Quick Reference: documento orientado a ser una guía rápida de referencia, con principios de validación, criterios de cumplimiento&#8230;
Techniques for WCAG 2.0: documento técnico para desarrolladores, donde se proponen soluciones. Esta independecia sobre los otros documentos permitirán que las técnicas se vayan actualizando con los nuevos dispositivos y ayudas técnicas a medida que se vayan produciendo avances en dicho campo.
Understanding WCAG 2.0: información más detallada sobre el por qué de los distintos puntos de recomendación, beneficios y ejemplos.


Este es el último paso de un largo camino. Hasta llegar a este punto, las WCAG han pasado por varios estados:

Working Draft o borrador de trabajo: donde se empiezan a recoger las especificaciones y técnicas.
Last Call Working Draft o última llamada al borrador: se considera que se han recogido todas las sugerencias y requisitos técnicos. Oportunidad para recoger las últimas contribuciones.
Candidate Recommendation o Candidata a recomendación: Se solicita a la comunidad que empiecen a  implantar las soluciones o estándares definidos. Con eso se asegura la viabilidad técnica y real de implantación de los nuevos estándares.
Proposed Recommendation o Recomendación propuesta: Se observan las distintas implementaciones y se admiten el soporte público del estándar por parte de los diferentes miembros y de la comunidad.
W3C Recommendation (Web Standard). Recomendación de la W3C y estándar web.

En este punto es en el que se encuentran las WCAG, por lo tanto podemos ver que han recorrido un largo camino. Lo más interesante es el futuro que nos queda por delante. De su implantación dependerá en gran medida que los usuarios con alguna discapacidad, nuestros mayores, los niños o los móviles puedan consumir los contenidos de la web.
Más información:

W3C Web Standard Defines Accessibility for Next Generation Web:W3C Web Standard Defines Accessibility for Next Generation Web
Estándar Web del W3C define la accesibilidad para la Web de nueva generación
Web Credible &#8211; WCAG 2.0: The new W3C accessibility guidelines evaluated

Se han hecho eco entre otros:

Inteco: WCAG 2.0 ya son recomendación de W3C
Más que accesibilidad: Las Guías de Accesibilidad WCAG 2.0 ya son una realidad
Usable y Accesible: WCAG 2.0 ya son recomendación
El País: W3C marca nuevas directrices para hacer más accesible Internet a todos los públicos

" /><input name="lang" type="hidden" value="en" /><input name="gn" type="hidden" value="ml" /><input type="hidden" id="interface" name="interface" value="full" />
			<div style="margin-left:40%;">
			
				<input style="float:left;" type="image"  src="http://www.librodeapuntes.es/wp-content/plugins/vozme/img/megaphone40x40w.gif" alt="Hear this post" onclick="window.open('', 'f64f31c2533db2f272dcc36036239266', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes');" />
				<div style="text-align:left;"><a href="javascript:void(0);" onclick="window.open('', 'f64f31c2533db2f272dcc36036239266', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes'); document.getElementById('vozme_form_f64f31c2533db2f272dcc36036239266').submit();">Hear<br/>this post</a></div>
			</div></form></div>]]></content:encoded>
			<wfw:commentRss>http://www.librodeapuntes.es/2008/12/14/accesibilidad-wcag-estandar-w3c/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>mobileOK actualizado</title>
		<link>http://www.librodeapuntes.es/2008/12/09/mobileok-actualizado</link>
		<comments>http://www.librodeapuntes.es/2008/12/09/mobileok-actualizado#comments</comments>
		<pubDate>Tue, 09 Dec 2008 20:45:42 +0000</pubDate>
		<dc:creator>Bruno Rico</dc:creator>
				<category><![CDATA[Estándares]]></category>
		<category><![CDATA[emuladores]]></category>
		<category><![CDATA[mobile web best practices]]></category>
		<category><![CDATA[mobileok]]></category>
		<category><![CDATA[móviles]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://www.librodeapuntes.es/?p=451</guid>
		<description><![CDATA[La W3C ha publicado una actualización de MobileOK Checker, su validador de webs móviles. La W3C es el principal organismo encargado de la estandarización de los formatos en los que se basa la web, de manera que haya un conjunto de normas básicas que aseguren que todos los usuarios y dispositivos pueden consumir la información existente en la red. El nuevo validador incorpora entre otras mejoras, una barra donde muestra el grado de cumplimiento del estándar MobileOK. Como vemos en la imagen, dicha barra ayuda mucho a ver el estado general de una web (en ese caso vemos que www.librodeapuntes.es saca un 80% de 100% &#8211; no es suficiente, pero estamos trabajando en mejorarlo :- ) No debemos olvidar que los estándares están para cumplirlos, no para acercarnos a ellos. Cualquier excepción, puede truncar la experiencia del usuario. Además, el mismo día también publicaron la recomendación API Simple para Repositorio de Descripción de Dispositivo. En dicha recomendación, se tratan de estandarizar qué formato deben tener las llamadas para identificar los dispositivos móviles. La idea es tener una base de datos donde tenemos almacenada la información de los distintos dispositivos (tamaño de pantalla, soporte de java, colores, velocidad de acceso&#8230;) y [...]]]></description>
			<content:encoded><![CDATA[<p>La <a title="Enlace externo a información en inglés" href="http://www.w3.org/"><span lang="en">W3C</span></a> ha publicado una actualización de <a title="Enlace externo a información en inglés" href="http://validator.w3.org/mobile/">MobileOK Checker</a>, su validador de webs móviles.</p>
<p>La W3C es el principal organismo encargado de la estandarización de los formatos en los que se basa la web, de manera que haya un conjunto de normas básicas que aseguren que todos los usuarios y dispositivos pueden consumir la información existente en la red.</p>
<p>El nuevo validador incorpora entre otras mejoras, una barra donde muestra el grado de cumplimiento del estándar <a title="Enlace externo a información en inglés" href="http://www.w3.org/Mobile/">MobileOK</a>.</p>
<p class="float-center"><a href="http://www.librodeapuntes.es/wp-content/uploads/2008/12/mobileok-checker-libro-de-apuntes.jpg"><img src="http://www.librodeapuntes.es/wp-content/uploads/2008/12/mobileok-checker-libro-de-apuntes.jpg" alt="mobileok checker libro de apuntes cumple el 80% de los puntos" /></a></p>
<p>Como vemos en la imagen, dicha barra ayuda mucho a ver el estado general de una web (en ese caso vemos que www.librodeapuntes.es saca un 80% de 100% &#8211; no es suficiente, pero estamos trabajando en mejorarlo :- )</p>
<blockquote><p>No debemos olvidar que los estándares están para cumplirlos, no para acercarnos a ellos. Cualquier excepción, puede truncar la experiencia del usuario.</p></blockquote>
<p>Además, el mismo día también publicaron la recomendación <a title="Enlace externo a información en inglés" href="API Simple para Repositorio de Descripción de Dispositivo">API Simple para Repositorio de Descripción de Dispositivo</a>.</p>
<p>En dicha recomendación, se<strong> tratan de estandarizar qué formato deben tener las llamadas para identificar los dispositivos móviles</strong>.</p>
<p>La idea es t<strong>ener una base de datos donde tenemos almacenada la información de los distintos dispositivos</strong> (tamaño de pantalla, soporte de java, colores, velocidad de acceso&#8230;) y <strong>según las características del dispositivo, enviaríamos el contenido y formato que mejor experiencia aportase al usuario</strong>.</p>
<p>Ello nos permite personalizar el contenido a mostrar, dependiendo del dispositivo de acceso. Porque es diferente conectarse a una web desde un iPhone o Nokia N95, que desde un lector de pantalla o desde un One Touch Easy (por poner un ejemplo)&#8230;</p>
<p class="float-center"><a href="http://www.librodeapuntes.es/wp-content/uploads/2008/11/yahoo_mobile_beta_dotmobi_emulator1.jpg"><img title="DotMobi Emulator" src="http://www.librodeapuntes.es/wp-content/uploads/2008/11/yahoo_mobile_beta_dotmobi_emulator1.jpg" alt="yahoo mobile beta en dotmobi emulator" width="150" height="225" /></a><a href="http://www.librodeapuntes.es/wp-content/uploads/2008/11/yahoomobile2_from_techcrunch.jpg"><img title="yahoomobile2 in iphone: image from techcrunch" src="http://www.librodeapuntes.es/wp-content/uploads/2008/11/yahoomobile2_from_techcrunch.jpg" alt="yahoo mobile beta desde el iphone" /></a></p>
<p>Otro detalle a tener en cuenta es que los navegadores de los dispositivos móviles no suelen actualizarse tan a menudo como los de los <em>ordenadores normales</em>, lo que hace que haya navegadores muy antiguos que cada vez consumen más información en la red.</p>
<p>Más información:</p>
<ul>
<li><a title="Enlace externo a información en inglés" href="http://www.w3.org/News/2008#item208">W3C: Mobile Web Made Easier with W3C mobileOK Tests Standard and Online Checker</a></li>
<li>W3C España: <a title="Elace externo" href="http://www.w3c.es/Noticias/2008/12/08/la-web-movil-mas-facil-gracias-al-estandar-de-las-pruebas-mobileok-del-w3c-y-el-validador-online/">La Web Móvil más fácil gracias al estándar de las pruebas mobileOK del W3C y el validador online</a></li>
<li>W3C: <a title="Enlace externo a información en inglés" href="http://www.w3.org/TR/2008/REC-DDR-Simple-API-20081205/">Device Description Repository Simple API </a></li>
<li><a title="Enlace externo a información en inglés" href="http://validator.w3.org/mobile/">W3C: MobileOK Checker</a></li>
<li><a title="Enlace externo a información en inglés" href="http://validadores.tawdis.net/mobileok/en/">TAW mobileOK checker</a></li>
<li><a title="Enlace externo a información en inglés" href="http://mtld.mobi/emulator.php">Dot.Mobi Emulator</a></li>
<li><a title="Enlace externo a información en inglés" href="http://www.operamini.com/demo/">Opera Mini Emulator</a></li>
<li><a title="Enlace externo a información en inglés" href="http://www.w3.org/Mobile/">W3C Mobile Web Initiative</a></li>
<li><a href="http://wurfl.sourceforge.net/">Wurfl: Base de datos gratuita y Open Source de dispositivos móviles<br />
</a></li>
</ul>
<div class="float-right"><form id="vozme_form_b9a9aaebd6c62a83f13c1cde3bc9bb27" method="post" name="vozme_form_b9a9aaebd6c62a83f13c1cde3bc9bb27" target="b9a9aaebd6c62a83f13c1cde3bc9bb27" action="http://vozme.com/text2voice.php"><input name="text" type="hidden" value="mobileOK actualizado.. La W3C ha publicado una actualización de MobileOK Checker, su validador de webs móviles.
La W3C es el principal organismo encargado de la estandarización de los formatos en los que se basa la web, de manera que haya un conjunto de normas básicas que aseguren que todos los usuarios y dispositivos pueden consumir la información existente en la red.
El nuevo validador incorpora entre otras mejoras, una barra donde muestra el grado de cumplimiento del estándar MobileOK.

Como vemos en la imagen, dicha barra ayuda mucho a ver el estado general de una web (en ese caso vemos que www.librodeapuntes.es saca un 80% de 100% &#8211; no es suficiente, pero estamos trabajando en mejorarlo :- )
No debemos olvidar que los estándares están para cumplirlos, no para acercarnos a ellos. Cualquier excepción, puede truncar la experiencia del usuario.
Además, el mismo día también publicaron la recomendación API Simple para Repositorio de Descripción de Dispositivo.
En dicha recomendación, se tratan de estandarizar qué formato deben tener las llamadas para identificar los dispositivos móviles.
La idea es tener una base de datos donde tenemos almacenada la información de los distintos dispositivos (tamaño de pantalla, soporte de java, colores, velocidad de acceso&#8230;) y según las características del dispositivo, enviaríamos el contenido y formato que mejor experiencia aportase al usuario.
Ello nos permite personalizar el contenido a mostrar, dependiendo del dispositivo de acceso. Porque es diferente conectarse a una web desde un iPhone o Nokia N95, que desde un lector de pantalla o desde un One Touch Easy (por poner un ejemplo)&#8230;

Otro detalle a tener en cuenta es que los navegadores de los dispositivos móviles no suelen actualizarse tan a menudo como los de los ordenadores normales, lo que hace que haya navegadores muy antiguos que cada vez consumen más información en la red.
Más información:

W3C: Mobile Web Made Easier with W3C mobileOK Tests Standard and Online Checker
W3C España: La Web Móvil más fácil gracias al estándar de las pruebas mobileOK del W3C y el validador online
W3C: Device Description Repository Simple API 
W3C: MobileOK Checker
TAW mobileOK checker
Dot.Mobi Emulator
Opera Mini Emulator
W3C Mobile Web Initiative
Wurfl: Base de datos gratuita y Open Source de dispositivos móviles


" /><input name="lang" type="hidden" value="en" /><input name="gn" type="hidden" value="ml" /><input type="hidden" id="interface" name="interface" value="full" />
			<div style="margin-left:40%;">
			
				<input style="float:left;" type="image"  src="http://www.librodeapuntes.es/wp-content/plugins/vozme/img/megaphone40x40w.gif" alt="Hear this post" onclick="window.open('', 'b9a9aaebd6c62a83f13c1cde3bc9bb27', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes');" />
				<div style="text-align:left;"><a href="javascript:void(0);" onclick="window.open('', 'b9a9aaebd6c62a83f13c1cde3bc9bb27', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes'); document.getElementById('vozme_form_b9a9aaebd6c62a83f13c1cde3bc9bb27').submit();">Hear<br/>this post</a></div>
			</div></form></div>]]></content:encoded>
			<wfw:commentRss>http://www.librodeapuntes.es/2008/12/09/mobileok-actualizado/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>AxsJAX Scripts: usando javascript para mejorar la accesibilidad</title>
		<link>http://www.librodeapuntes.es/2008/12/01/axsjax-scripts-usando-javascript-para-mejorar-la-a</link>
		<comments>http://www.librodeapuntes.es/2008/12/01/axsjax-scripts-usando-javascript-para-mejorar-la-a#comments</comments>
		<pubDate>Mon, 01 Dec 2008 22:52:42 +0000</pubDate>
		<dc:creator>Bruno Rico</dc:creator>
				<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[AxsJAX]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[T.V.Raman]]></category>

		<guid isPermaLink="false">http://www.librodeapuntes.es/?p=445</guid>
		<description><![CDATA[AxsJAX son un conjunto scripts orientados a mejorar la accesibilidad haciendo que los actuales navegadores (a partir de Firefox 2.0) puedan aprovechar las mejoras de usabilidad que aporta el uso de AJAX. La idea es insertar estos scripts mediante tres métodos: Incrustándolos como un bookmarklet: los bookmarklet son scripts que podemos añadir a nuestra lista de favoritos, de manera que se cargan cada vez que accedemos a dicha página. Se puede ver un ejemplo en Google AxsJAX Bookmarklet. Usando Greasemonkey: permite cargar scripts personalizados cada vez que visitas una página en concreto. Puedes consultar más información en Instalando GreaseMonkey. Mediante Fire Vox: Fire Vox es una extensión para firefox que nos permite escuchar lo que muestra nuestro navegador. Además inserta automáticamente los scripts AxsJAX si se activa la opción &#8220;usar mejoras específicas del sitio&#8221;. La gente de AxsJAX (entre ellos T.V. Raman) ha editado un vídeo explicando cómo implementarlo. Es bastante técnico,dura una hora y 12 minutos y está en inglés, pero muestra hacia donde se dirige esta alternativa. (como comercial no tendría precio&#8230;) Una vez hecha la instalación, para realizar los scripts, nos basaremos en expresiones xPath para ir recorriendo el DOM del documento. Por decirlo de alguna manera, [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Enlace a información en inglés" href="http://code.google.com/p/google-axsjax/">AxsJAX</a> son un conjunto scripts orientados a mejorar la accesibilidad haciendo que los actuales navegadores (a partir de Firefox 2.0) puedan aprovechar las mejoras de usabilidad que aporta el uso de <a title="Enlace externo a información en inglés" href="http://en.wikipedia.org/wiki/Ajax_(programming)">AJAX</a>.</p>
<p>La idea es insertar estos scripts mediante tres métodos:</p>
<ul>
<li><strong>Incrustándolos como un bookmarklet</strong>: los <a title="Enlace externo a información en inglés" href="http://en.wikipedia.org/wiki/Bookmarklet">bookmarklet</a> son scripts que podemos añadir a nuestra lista de favoritos, de manera que se cargan cada vez que accedemos a dicha página. Se puede ver un ejemplo en <a title="Enlace externo a información en inglés" href="http://google-axsjax.googlecode.com/svn/trunk/bookmarklet/bookmarklet.html">Google AxsJAX Bookmarklet</a>.</li>
<li><strong>Usando Greasemonkey</strong>: permite cargar scripts personalizados cada vez que visitas una página en concreto. Puedes consultar más información en <a href="http://www.librodeapuntes.es/2008/10/14/instalar-greasemonkey-en-firefox">Instalando GreaseMonkey</a>.</li>
<li><strong>Mediante Fire Vox</strong>: <a title="Enlace externo a información en inglés" href="http://firevox.clcworld.net/">Fire Vox</a> es una extensión para firefox que nos permite escuchar lo que muestra nuestro navegador. Además inserta automáticamente los scripts AxsJAX si se activa la opción &#8220;usar mejoras específicas del sitio&#8221;.</li>
</ul>
<p>La gente de AxsJAX (entre ellos <a href="http://www.librodeapuntes.es/?s=t.v.+raman">T.V. Raman</a>) ha editado un vídeo explicando cómo implementarlo.</p>
<p>Es bastante técnico,dura una hora y 12 minutos y está en inglés, pero muestra hacia donde se dirige esta alternativa. <em>(como comercial no tendría precio&#8230;)</em></p>
<div class="float-center">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/nF3yhZrtLRw&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/nF3yhZrtLRw&amp;hl=en&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
<p><strong>Una vez hecha la instalación, para realizar los scripts, nos basaremos en expresiones xPath para ir recorriendo el DOM del documento.</strong></p>
<p>Por decirlo de alguna manera, recorreremos el código html del sitio, detectando qué cosas debemos descartar o resaltar&#8230;</p>
<p>Creo que de momento es un poco trabajoso tener que definir distintos scripts por cada sitio web.</p>
<p>Seguro que lo interesante viene cuando la gente comience a implementar estructuras semánticas y podamos recorrer nodos basándose en su significado, haciendo que las webs tengan el mismo esqueleto y recorriendo simples xmls.</p>
<p>No podemos negar que <strong>el uso de AJAX ha mejorado mucho la usabilidad de nuestras páginas y se ha confirmado como el catalizador de la revolución de internet de los últimos años&#8230; ¿será AxsJAX la herramienta que permita a los discapacitado navegar aprovechando todo el potencial de la web?</strong></p>
<p>Más información:</p>
<ul>
<li><a title="Enlace externo a información en inglés" href="http://google-axsjax.googlecode.com/svn/trunk/docs/faq.html">AxsJAX Frequently Asked Questions</a></li>
<li><a title="Enlace externo a información en inglés" href="http://www.w3.org/TR/2007/WD-aria-roadmap-20071019/">Accessible Rich Internet Applications (WAI-Aria)</a></li>
<li><a title="Enlace a información en inglés" href="http://google-axsjax.googlecode.com/svn/trunk/docs/tutorial/tutorial.html">Writing AxsJAX Scripts</a></li>
</ul>
<div class="float-right"><form id="vozme_form_81ab5715a5c08fb325321893105911ae" method="post" name="vozme_form_81ab5715a5c08fb325321893105911ae" target="81ab5715a5c08fb325321893105911ae" action="http://vozme.com/text2voice.php"><input name="text" type="hidden" value="AxsJAX Scripts: usando javascript para mejorar la accesibilidad.. AxsJAX son un conjunto scripts orientados a mejorar la accesibilidad haciendo que los actuales navegadores (a partir de Firefox 2.0) puedan aprovechar las mejoras de usabilidad que aporta el uso de AJAX.
La idea es insertar estos scripts mediante tres métodos:

Incrustándolos como un bookmarklet: los bookmarklet son scripts que podemos añadir a nuestra lista de favoritos, de manera que se cargan cada vez que accedemos a dicha página. Se puede ver un ejemplo en Google AxsJAX Bookmarklet.
Usando Greasemonkey: permite cargar scripts personalizados cada vez que visitas una página en concreto. Puedes consultar más información en Instalando GreaseMonkey.
Mediante Fire Vox: Fire Vox es una extensión para firefox que nos permite escuchar lo que muestra nuestro navegador. Además inserta automáticamente los scripts AxsJAX si se activa la opción &#8220;usar mejoras específicas del sitio&#8221;.

La gente de AxsJAX (entre ellos T.V. Raman) ha editado un vídeo explicando cómo implementarlo.
Es bastante técnico,dura una hora y 12 minutos y está en inglés, pero muestra hacia donde se dirige esta alternativa. (como comercial no tendría precio&#8230;)



Una vez hecha la instalación, para realizar los scripts, nos basaremos en expresiones xPath para ir recorriendo el DOM del documento.
Por decirlo de alguna manera, recorreremos el código html del sitio, detectando qué cosas debemos descartar o resaltar&#8230;
Creo que de momento es un poco trabajoso tener que definir distintos scripts por cada sitio web.
Seguro que lo interesante viene cuando la gente comience a implementar estructuras semánticas y podamos recorrer nodos basándose en su significado, haciendo que las webs tengan el mismo esqueleto y recorriendo simples xmls.
No podemos negar que el uso de AJAX ha mejorado mucho la usabilidad de nuestras páginas y se ha confirmado como el catalizador de la revolución de internet de los últimos años&#8230; ¿será AxsJAX la herramienta que permita a los discapacitado navegar aprovechando todo el potencial de la web?
Más información:

AxsJAX Frequently Asked Questions
Accessible Rich Internet Applications (WAI-Aria)
Writing AxsJAX Scripts

" /><input name="lang" type="hidden" value="en" /><input name="gn" type="hidden" value="ml" /><input type="hidden" id="interface" name="interface" value="full" />
			<div style="margin-left:40%;">
			
				<input style="float:left;" type="image"  src="http://www.librodeapuntes.es/wp-content/plugins/vozme/img/megaphone40x40w.gif" alt="Hear this post" onclick="window.open('', '81ab5715a5c08fb325321893105911ae', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes');" />
				<div style="text-align:left;"><a href="javascript:void(0);" onclick="window.open('', '81ab5715a5c08fb325321893105911ae', 'width=600,height=370,scrollbars=yes,location=yes,menubar=yes,resizable=yes,status=yes,toolbar=yes'); document.getElementById('vozme_form_81ab5715a5c08fb325321893105911ae').submit();">Hear<br/>this post</a></div>
			</div></form></div>]]></content:encoded>
			<wfw:commentRss>http://www.librodeapuntes.es/2008/12/01/axsjax-scripts-usando-javascript-para-mejorar-la-a/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
