Crea una búsqueda por facetas accesible

POM suministra entradas nativas y semántica de interacción para sus controles de facetas. Los editores siguen siendo quienes determinan si las etiquetas, el diseño, la redacción y los contenedores personalizados producen una experiencia comprensible.

Conserva los nombres visibles

Asigna a cada faceta una Etiqueta concisa en el editor de contexto. En Faceted Search Facet, deja Label vacía para usar el nombre configurado o escribe una sustitución con propósito.

Para los campos de Search Gateway, Show label? puede ocultar la etiqueta visible; el campo sigue recibiendo esa etiqueta como su nombre accesible. No sustituyas etiquetas significativas por instrucciones basadas únicamente en marcadores de posición en la interfaz de facetas en vivo.

Usa los controles suministrados

No sustituyas casillas de verificación, opciones de radio, selectores, enlaces de paginación o botones por contenedores decorativos en los que se pueda hacer clic. Las plantillas suministradas exponen el estado, como marcado, deshabilitado, expandido o página actual, a las tecnologías de asistencia.

Al colocar controles dentro de un panel personalizado, asegúrate de que el activador del panel:

  • sea un botón;
  • anuncie si el panel está expandido;
  • pueda cerrarse con el teclado;
  • no atrape el foco;
  • devuelva el foco de forma predecible.

Haz que el estado sea comprensible

Usa Faceted Search Counts para comunicar el rango actual y el total. Escribe una Empty label explícita. Mantén accesibles el restablecimiento y las selecciones activas después de una respuesta sin resultados.

Las imágenes de carga son un apoyo para el estado, pero no deberían ser la única forma en que la página circundante explique que los resultados pueden cambiar.

Prueba de aceptación con teclado

Sin un puntero:

  1. recorre cada faceta en un orden lógico;
  2. abre y cierra los controles de búsqueda y jerárquicos;
  3. selecciona y elimina valores;
  4. envía una búsqueda manual;
  5. restablece los filtros;
  6. cambia la ordenación y el tamaño de página;
  7. recorre la paginación;
  8. maneja cualquier revelación de filtros en dispositivos móviles.

El foco debe permanecer visible y ningún control debe requerir pasar el cursor por encima.

Comprobaciones de contenido y visuales

Mantén legible el texto de los recuentos al hacer zoom, conserva un contraste de color suficiente y nunca comuniques el estado seleccionado o deshabilitado solo mediante el color. Para un directorio basado en mapas, proporciona tarjetas de resultado equivalentes; el mapa no debe ser la única forma de descubrir o abrir un elemento.