Los nuevos elementos semánticos en HTML5 prometen accesibilidad

Los nuevos elementos semánticos en HTML5 prometen accesibilidad. Es simplemente el potencial de mejora en el tiempo actual,

porque los elementos semántico introducido en HTML 5 aún no están universalmente reconocidos por los navegadores y dispositivos

de tecnología asistencial. Éstos son algunos de los nuevos elementos.

header: header puede ser utilizado para un elemento de página, una sección, y el artículo, o un elemento a un lado

hgroup: un hgroup está en un header y puede contener uno o más h1, h2, u otros elementos de la partida

footer: footer se puede utilizar para un elemento de página, una sección, el artículo, o un elemento a un lado

Artícle: un artícle es parte de una página que es completo en sí mismo con un títle, contenido, footer, y posiblemente secciones

section: un section es un container similar a un div; contents relacionados pueden estar contenidos en un section

aside: aside está relacionado con el material en una página o como parte de un artículo

nav: navegación

Accessible Rich Internet Applications Suite (ARIA), define una manera de hacer el contenido Web y aplicaciones Web más accesible.

Se utiliza para mejorar la accesibilidad de contenido dinámico y la interfaz de usuario avanzado controles desarrollados con Ajax,

HTML, JavaScript, y otras tecnologías relacionadas.

ARIA Roles trabajar ahora en muchos navegadores y lectores de pantalla. Cuando no lo hacen, son inofensivas. Si crea una página como accesible

como sea posible y añadir a continuación, los roles de ARIA en él siempre que sea posible, se aumenta el potencial de accesibilidad de la página.

Esta es actualmente la mejor práctica recomendada con elementos de HTML5 semántica.

Un ARIA Roles se agrega como un atributo al elemento relevante. El landMark ARIA Roles son útiles con nuevos elementos de HTML5 semántica

 * banner
 * complementary
 * contentinfo
 * form
 * main
 * navigation
 * search

También hay una serie de funciones o roles que describen la estructura de una página.

 * article
 * columnheader
 * definition
 * directory
 * document
 * group
 * heading
 * img
 * list
 * listitem
 * math
 * note
 * presentation
 * region
 * row
 * rowheader
 * separator
 * toolbar

Éstos son algunos ejemplos de cómo agregar la información de funciones a varios elementos: 

<header role="banner">
<nav role="navigation">
<hgroup role="heading">
<aside  role="complementary">
<section role="main">
<footer role="contentinfo">

Algunas funciones sólo puede utilizarse una vez por página. banner y ContentInfo debe ser único en una página. En otras palabras,

mientras se puede tener muchos elementos de encabezado de una página, sólo una cabecera pueden desempeñar el papel de banner.

Fuente

Anuncios

Acerca de jjedixdefault

geek by default
Esta entrada fue publicada en Google, PlanetaLinux, planetaunplug. Guarda el enlace permanente.

Una respuesta a Los nuevos elementos semánticos en HTML5 prometen accesibilidad

  1. Pingback: Articulo Indexado en la Blogosfera de Sysmaya

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s