Navegación semántica y técnicas de acceso rápido

José Luis Velázquez Baro

Desarrollador web. Axpe Consulting.

Datos de contacto:

e-mail: jlvelazquez@sidar.org
Web: www.jlvelazquez.net

¿Qué es la navegación semántica?

• Relaciona:
  • Documentos de una colección
    • Manuales
    • Documentación técnica
    • Catálogo de productos
    • Artículos en un blog
    • Etc.
    
    
  • Distintas versiones de un mismo documento
  • Idiomas (eng)
  • Medios (rss)
  • Formatos (impresión)
  • Etc.
  
  

¿Y cómo lo hace?

link + atributos rel / rev

• Tipos de relaciones: alternate, stylesheet, start, next, prev, contents, index, glossary, copyright, chapter, section, subsection, appendix, help, bookmark.
  
  
• Más las relaciones que cree el autor (profiles)

Ejemplos

• Versión en inglés:

  <link rel="alternate" hreflang="en" lang="en" href="eningles.html" title="English version">

• Siguiente documento en la colección

  <link rel="next" href="siguiente.html">

• "Hijo" de un documento "padre"

  <link rev="subsection" href="section.html">

¿Por qué debería utilizarlo?

Beneficios directos para el usuario:

• Barras de navegación = ayuda a la navegación

Beneficios indirectos:

• Web semántica

¿Beneficios futuros?

• Navegadores "inteligentes"

Pero siempre teniendo en cuenta...

• No confiar en esta técnica para enlazar documentos.
  
  
• Interpretación desigual por parte de los navegadores
  • Barras de navegación
  • Enlaces arriba en lynx – links
  • Tipos diferentes a los de la especificación pueden no aparecer
  • Puede no aparecer nada
  
  
  
• Bases de datos, procesos de compra, etc. en rel=”next” (prefetch [en]).

Técnicas de acceso rápido

Consisten en...

Combinación de teclas que ejecutan una acción:

• Enlace externo / interno
• Activar foco en elemento de formulario
• Enviar formularios

Me permiten...

• Ahorrar esfuerzo al navegar la web
  • Sin ratón
  • En operaciones repetitivas
  • Con dispositivo móvil
  • Etc.
  
  
• Acercar las aplicaciones web a las aplicaciones de escritorio = ↑ usabilidad

¿Cómo se aplican?

• Accesskey + número o letra
  accesskey="s"
  
  
• Página de ayuda con resumen de accesskeys utilizados (rel=help)
  
  
• Algún referente visual en teclas asignadas

¿Y dónde lo aplico?

Por ejemplo en...

• Secciones principales de la web
• Saltar grupos de enlaces

Imprescindible consistencia

El problema

• Diferentes formas de ejecutar accesskeys según plataformas, navegadores, etc.
  
  
• Conflictos entre accesskeys y atajos de teclado de navegadores, sistemas operativos, ayudas técnicas...
  
  En estos casos:
  
  
  • Accesskey no funciona
  • Atajo de aplicación no funciona

¿La solución?

• Estándar en atajos de teclado para web
• Usuarios personalizan la web
• Preferencias de los usuarios siempre sobre las de los autores