Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G161Ofrecer un buscador para encontrar contenidos en la web

Nombre oficial en el W3C: Proporcionar una función de búsqueda para ayudar a los usuarios a encontrar contenido

En pocas palabras

Un buscador interno permite escribir una palabra y llegar directamente a las páginas que la contienen. Así no hace falta entender cómo está organizada la web ni recorrer menús. Es una de las varias formas de localizar una página que pide el criterio de WCAG.

Por qué es importante

A muchas personas les cuesta navegar por menús largos o con muchos niveles. Ocurre con discapacidad cognitiva, baja visión, uso del teclado o lector de pantalla (programa que lee en voz alta lo que hay en la pantalla).

Con un buscador llegan en un paso a la ficha de producto, al trámite o al artículo de ayuda que necesitan. En webs grandes, como la de un ayuntamiento, ahorra mucho tiempo a todo el mundo.

Cómo se hace

  1. Ponga un formulario de búsqueda en todas las páginas, o un enlace visible a una página de búsqueda.
  2. Haga el formulario accesible: campo con etiqueta, botón con texto y uso completo con teclado.
  3. Si puede, haga que el buscador tolere faltas de ortografía, reconozca plurales y entienda sinónimos.
  4. Muestre los resultados como una lista de enlaces con títulos claros, e indique cuántos hay.
  5. Cuide los títulos y la estructura de las páginas. Lo que ayuda a Google también mejora el buscador interno.

Cómo comprobarlo

  1. Compruebe que la página tiene un formulario de búsqueda o un enlace a una página de búsqueda.
  2. Escriba una palabra que sepa que aparece en la web y lance la búsqueda.
  3. Verifique que llega a una página con ese término o a una lista de enlaces a páginas que lo contienen.
  4. Repita la prueba usando solo el teclado.

Ejemplo

Formulario de búsqueda sencillo, con etiqueta y botón con texto.

<form role="search" action="/buscar" method="get">
  <label for="q">Buscar en la web</label>
  <input type="search" id="q" name="q">
  <button type="submit">Buscar</button>
</form>
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica G161 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Todas las tecnologías que incluyen formularios.

Descripción

Proporcionar una función de búsqueda que busque en sus páginas web es una estrategia de diseño que ofrece a los usuarios una manera de encontrar contenido. Los usuarios pueden localizar el contenido buscando palabras o frases concretas, sin necesidad de comprender la estructura del sitio web ni de navegar por ella. Esta puede ser una forma más rápida o más sencilla de encontrar contenido, sobre todo en sitios grandes.

Algunas empresas de búsqueda ofrecen a los sitios acceso gratuito a sus aplicaciones de búsqueda. Existen motores de búsqueda que pueden instalarse en el propio servidor. Algunas empresas de alojamiento web ofrecen scripts de búsqueda que los clientes pueden incluir en sus páginas web. La mayoría de los servicios también ofrecen versiones de pago de sus herramientas con funciones más avanzadas.

Implementar una función de búsqueda que corrija la ortografía de los términos, que incluya distintas terminaciones de los términos (lematización) y que admita el uso de terminología distinta (sinónimos) aumentará aún más la accesibilidad de la función de búsqueda.

La funcionalidad de búsqueda se añade bien incluyendo un formulario sencillo en la página web, normalmente un campo de texto para el término de búsqueda y un botón que inicia la búsqueda, o bien añadiendo un enlace a una página que incluya un formulario de búsqueda. El propio formulario de búsqueda debe ser accesible, por supuesto.

Las técnicas que se utilizan para optimizar los resultados de los motores de búsqueda externos también favorecen a los buscadores internos y los hacen más eficaces: usar palabras clave, etiquetas META y una estructura de navegación accesible. Los sitios de búsqueda ofrecen orientación sobre cómo crear contenido optimizado para la búsqueda, por ejemplo Google Webmaster Guidelines (directrices para webmasters de Google) y Yahoo! Search Content Quality Guidelines (directrices de calidad de contenido de Yahoo! Search).

Ejemplos

Un sitio de compras

Un sitio de compras organiza sus productos en distintas categorías, como ropa de mujer, ropa de hombre y ropa infantil. Estas tienen subcategorías, como partes de arriba, pantalones, calzado y accesorios. Cada página contiene además un formulario de búsqueda. Los usuarios pueden escribir el número o la descripción del producto en el campo de búsqueda e ir directamente a ese producto, en lugar de tener que navegar por las categorías de productos para encontrarlo.

Un centro de ayuda

Un centro de ayuda contiene miles de páginas de información de ayuda sobre los productos de una empresa. Un formulario de búsqueda permite a los usuarios buscar únicamente en las páginas del centro de ayuda para encontrar los artículos que contienen los términos buscados.

Pruebas

Procedimiento

  1. Comprobar que la página web contiene un formulario de búsqueda o un enlace a una página de búsqueda
  2. Escribir en el formulario de búsqueda un texto que aparezca en el conjunto de páginas web
  3. Activar la búsqueda
  4. Comprobar que el usuario es llevado a una página que contiene el término buscado
  5. Comprobar que el usuario es llevado a una página que contiene una lista de enlaces a páginas que contienen el término buscado

Resultados esperados

  • La comprobación n.º 1 es verdadera y, además, la comprobación n.º 4 o la comprobación n.º 5 es verdadera.

Recursos

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G161 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.