html footer wai-aria

html - ¿Se debería agregar siempre role=“contentinfo” en el elemento del pie de página?



footer wai-aria (4)

A partir de ahora no hay una respuesta correcta definitiva.

Si aplica la especificación: http://www.w3.org/TR/wai-aria/roles#contentinfo , contentinfo se describe como:

"Una gran región perceptible que contiene información sobre el documento principal. Ejemplos de información incluida en esta región de la página son derechos de autor y enlaces a declaraciones de privacidad".

Entonces, en este caso, debe colocarse en su etiqueta <p> .

Sin embargo, imagine que usted es el usuario que está utilizando estos puntos de referencia. Si todos colocan el role="contentinfo" en el footer , eso es lo que el usuario espera. Al usuario no le importa lo que diga una "especificación", solo quiere una experiencia consistente mientras navega de un sitio web a otro. Probablemente estén esperando enlaces de pie de página y otros en la sección contentinfo , porque así es como se implementa en muchos sitios, y como mencionó, es la forma recomendada por muchos expertos en accesibilidad.

Prefiero atender al usuario y, por lo tanto, lo aplico en el elemento de footer ; sin embargo, sigo pensando que esto va en contra de la especificación (o al menos mi interpretación) y que la implementación de esto podría cambiar como Los navegadores y otras tecnologías accesibles comienzan a implementar la accesibilidad de una manera más consistente.

En los sitios web de demostración de ARIA, role="contentinfo" generalmente se agrega en el elemento de footer de footer .

Sin embargo, los pies de página en el diseño web moderno pueden ser creativos, de modo que también pueden contener elementos como enlaces de navegación complementarios, enlaces a sitios web sociales o incluso un formulario de boletín informativo.

Tomando los siguientes códigos de pie de página por ejemplo. ¿Se debería agregar role="contentinfo" en el footer o en el elemento p ?

<footer> <nav> <ul> ........ ........ ........ ........ ........ </ul> </nav> <form> ........ ........ ........ </form> <p>© 2012 Website.com. All rights reserved.</p> </footer>


EDITAR: Hice esta pregunta utilizando la lista de correo W3C ARIA, y Steve Faulkner, un miembro del W3C HTML Working Group, respondió. La siguiente es su sugerencia:

También tendría en cuenta cómo los navegadores asignan el elemento de pie de página a las API de accesibilidad.
En Firefox, el pie de página se asigna a ARIA role = contentinfo
En Webkit / safari / chrome, el pie de página se asigna a ARIA role = group si está dentro de una sección o elemento de artículo; de lo contrario, se asigna a role = contentinfo
En IE no está mapeado

Así que haciendo esto:
<div role = "contentinfo">
algo de contenido
<pie de página> algún contenido </ pie de página>
</ div>

dará lugar a que se anuncien puntos de referencia de información de contenido anidados en los navegadores que ya asignan pie de página a información de contenido.

Por lo tanto, sugeriría que agregue role = contentinfo al pie de página principal, sin preocuparse demasiado por el contenido que cree que puede no ser apropiado en el pie de página.


Por lo tanto, el enfoque sugerido es agregar role="contentinfo" al footer principal.

Creo que debería estar en la etiqueta de pie de página en su caso.

Está destinado a dar información sobre el documento principal, por lo que lo usaría si los elementos de su pie de página dan un buen contexto del documento principal.

http://www.w3.org/TR/wai-aria/roles#contentinfo

Yo iría con el elemento <p> . Quiero decir, el punto de HTML es dar contexto a su texto. Así que dale el contexto apropiado haciendo el marcado apropiado.

Asigne el rol al elemento más apropiado, no es un atributo limitado a los elementos del pie de página.