Accessibilidad y XML

XML, HTML, y SGML
XML en sí mismo
XML y XHTML
Presentación y transformación
Ejemplos - XML para gráficos, matemáticos, ...

Charles McCN - charles@w3.org

La version más reciente: http://www.w3.org/2001/Talks/1026-axml/slide1-0

Temas y Tecnologías Clave:

Arquitectura del XML: XML, Namespaces, XLink, Xpath, XML Schema
Lenguajes XML: XHTML, MathML, SVG, SMIL
Presentación:: CSS, XSLT, XSL-FO, SSML

¿Qué es HTML?

Un lenguaje SGML
elementos para describir fragmentos de documentos
Ejemplos:
- <img src="unaImagen" alt="Yo!">
- ```
<ul>  <li>cosa 1  <li>cosa 2</li></ul>
```

(¡¿SGML?!)

Un lenguaje para escribir lenguajes de marcado

tiene màs que 15 años.

Es complicado - entonces también los navegadores son complicados

ejemplo: un elemento puede tener una clausura opcional

XML es como SGML, para escribir los lengaujes

¿Por Qué un Nuevo Lenguaje?

Para simplificar el desarollo de navegadores

Navegadores móviles
Desorallo más fácil

Tipos diversos de información

Simplificar la extensión de la arquitectura

XML

Se puede usar XML para definir un lenguaje - algunos elementos y su sintaxis

<?xml version="1.0">
 <menuml xmlns="http://ejemplo.es/lenguaje.xsd">
  <plata tipo="carne" id="plata1">
    <nombre xml:lang="es">Menú del día</nombre>
    <nombre xml:lang="fr">Suggestion du jour</nombre>
    <imagen de="cámbiame" textalt="Es muy impresionante!"/>
  </plata>
....

Muchas cosas iguales...

Elementos y atributos
Elementos contenidores (como ul) y "elementos vácios" (como. img)
La sintaxis es similar: <elem attr="contenido">...</elem>
Declaración de lenguaje usado
- <!DOCTYPE ...> como SGML o
- Namespace: <html xmlns="http://www.w3.org/1999/xhtml">

Pero con cosas nuevas

Mas estricto
- Clausura de elementos obligataria
- Sensible a las mayusculas y minisculas
- Navigadores deben no processar paginas con errores
Fácil mezcla de lenguajes
Definición de Lenguajes más detaillada

Arquitectura

Hay unos elementos/atributos para todos los lenguajes
- xml:lang (idioma del contenido)
- xmlns - identificar el lenguaje XML de códigos
XML Schema para describir elementos
- tipo de datos: numero, dia, URL, ...
- descripción del elemento

Lenguajes XML para la arquitectura XML

RDF - para describir algo en la web
Xlink - una sintaxis para los enlaces
XSLT - un lenguaje de transformación
XML Schema (definir los lengaujes)
Xforms - forumlarios para lenguajes XML
XML Events - interacciones (clic, pressione una tecla, ...)

XML y (X)HTML de nuevo

XHTML es HTML, con sintaxis XML

El código va en mínusculas
Clausura obligataria
entonces <img src="1" alt="uno">

ahora debe ser <img src="1" alt="uno" />

Se puede leer con los navegadores normales

Hay herramientas diversas para editarlo, o se puede convertir HTML con Tidy

Presentación de XML:

Se puede usar CSS para la presentación, como HTML

ó, usar XSLT para transformarlo

sólo texto, para un lector de pantalla
para dar una presentacíon grafica de las estatisticas
por imagenes Brailles (baja resolución)
por un telefon portatíl

¿XSLT?

Un lenguaje XML, para describir transformaciónes de XML

Lista de los titulos en una pagina XHTML
Conversión de las tablas
Convertir contenidos XHTML a otro lenguaje
O viceversa...

Accessibilidad: Necesidades diversas

CC/PP - un lenguaje RDF (y entonces XML) de preferencias

Por ejemplo: la Tecnología de Ayuda usada

XSLT para conversión de lenguajes

Hay siempre evolución de la tecnología
Y tambien versiones diversas de herramientas

Lenguaje grafìco: SVG

Una imagen SVG que incluya RDF....

An SVG for a computer network

Transformado con XSLT a XHTML

Cable A connects Computer A and socket 1

Cable B connects Computer B and socket 2

Cable N connects external Network and socket 5

the Hub connects socket 1 and socket 2 and socket 3 and socket 4 and socket 5

(trabajamos sobre un navegador SVG sólo-texto)

(ó tambien...

Cable A connecta Computer A y socket 1

Cable B connecta Computer B y socket 2

Cable N connecta external Network y socket 5

the Hub connecta socket 1 y socket 2 y socket 3 y socket 4 y socket 5

ó ...

Informaciòn diversa: MathML

Es posible crear una notaciòn matemática con HTML...

...pero es difícìl enseñarla a toda la gente

Entonces, MathML: v1.0 tiene unos años, v 2.0 es nuevo

Se puede usarlo con un plugin, y hay muchas herriamentas mathematicas

Con Amaya, por ejemplo, $y = \frac{1}{\sqrt{x^{2} + 1}}$ o $\sum_{i = 1}^{4} (2 i + 1) = ? ?$

Combinaciòns de XML: XHTML + MathML

aqui he usado lenguajes mixtos con XML namespaces. Que es?

<?xml version="1.0">
 <html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:m="http://www.w3.org/1998/Math/MathML">
 <head><title>holà</title></head><body>
 <m:math>
  <m:mi>x</m:mi> <m:mo>=</m:mo> <m:mn>2</m:mn>
 </m:math>

Combinaciòns: SVG + XHTML

Dos paginas de código RDF, con XSLT:

Lenguajes XML accesibles?

XML es una herramienta - se debe usarlo correctamente
Entonces, hay "Pautas para la accessibilidad de Lenguajes XML"
(Hoy no hay un traducción español)
- Asegurar que es posible usar contenidos alternativos
- Describir la función de cado elemento
- ...
Hoy es un borreador, pero piensamo de hacerlo una "W3C Recommendation"

¡Gracias! ¿Hay Preguntas?

Presentaciones del W3C son disponible a http://www.w3.org/Talks