Recursos web

Rendimiento, accesibilidad y calidad

Las herramientas de calidad revelan problemas de velocidad, accesibilidad y estabilidad, pero ninguna puntuación reemplaza a una persona real que completa una tarea. Compare los datos de laboratorio y de campo cuando este último esté disponible.

Mida una página en un teléfono, luego complete una tarea por teclado y con texto más grande. Vincule los hallazgos a un componente o pieza de contenido específico antes de arreglarlos.

Illustration

Método editorial

Un directorio diseñado para ser útil, no solo largo.

Cada entrada tiene un rol claro y regresa a un destino oficial. El catálogo evita las granjas de enlaces, las descripciones copiadas y las clasificaciones artificiales.

01

base oficial

Los organismos de normalización, la documentación oficial y las autoridades públicas sirven como los primeros puntos de referencia.

02

Herramientas profesionales

Los servicios establecidos se clasifican por uso real: crear, hospedar, medir, asegurar, publicar o promocionar un sitio.

03

Lectura independiente

La presencia es editorial y no remunerada. Un formulario no es una sociedad ni una garantía.

antes de elegir

Compare en tres preguntas concretas

Rendimiento, accesibilidad y calidad
CriterioPregunta para resolver
Tipo de prueba¿El resultado proviene del laboratorio, los datos de campo o el control humano?
Curso¿El contacto, la búsqueda y la navegación siguen siendo utilizables en el teclado y en el móvil?
Prioridad¿Qué problema está bloqueando a un usuario y qué solución se puede comprobar?

Mantenga un corto registro de decisión: necesidad, fuente, resultado observado y punto aún por confirmar. Haga que se realice la misma tarea con cada solución considerada en lugar de comparar listas comerciales de características.

Búsqueda y filtros

Puntos de partida oficiales de este tema

Compare su rol y documentación antes de elegir una herramienta. La presencia en esta lista no es una clasificación.

36 Recursos mostrados

Rendimiento, accesibilidad y calidad

WCAG Evaluation Methodology

Metodología estructurada para definir el alcance, seleccionar una muestra representativa y documentar una evaluación de WCAG.

para ser utilizado para: Prepare el ejemplo y el método antes de concluir sobre la accesibilidad en un conjunto de páginas.

InternacionalInstitución / Estándar
w3.orgVisite el sitio web oficial
Rendimiento, accesibilidad y calidad

Chrome DevTools Accessibility

Referencia para las características de DevTools que cubren el árbol de accesibilidad, el contraste y las propiedades calculadas.

para ser utilizado para: Inspeccione las propiedades expuestas de un elemento, luego pruebe el uso de su teclado.

InternacionalHerramienta / Software
developer.chrome.comVisite el sitio web oficial
Rendimiento, accesibilidad y calidad

RGESN — écoconception des services numériques

Marco de ecodiseño digital público con criterios, métodos de verificación y una declaración para documentar las opciones de diseño de servicios.

para ser utilizado para: evaluar los criterios aplicables y conservar la evidencia; La puntuación de progreso no mide una huella de carbono.

FranciaInstitución / Estándar
arcep.frVisite el sitio web oficial
Elija un punto de partida

Lo que cada categoría ayuda a decidir.

Estos ejemplos arrojan luz sobre los usos; No son ni un ranking ni una recomendación comercial. Verifique la documentación y las condiciones vigentes antes de cualquier decisión.

Rendimiento, accesibilidad y calidad

Las herramientas de calidad revelan problemas de velocidad, accesibilidad y estabilidad, pero ninguna puntuación reemplaza a una persona real que completa una tarea. Compare los datos de laboratorio y de campo cuando este último esté disponible.

Puntos para comprobar
  • Mida diferentes familias de páginas y dispositivos.
  • Conecte cada hallazgo con una causa y un viaje afectado.

Practica: Mida una página en un teléfono, luego complete una tarea por teclado y con texto más grande. Vincule los hallazgos a un componente o pieza de contenido específico antes de arreglarlos.

Límite para saber: Una puntuación de laboratorio varía con su entorno y no puede describir a todos los visitantes. Los cheques automatizados no cubren todas las barreras de accesibilidad.

Ejemplos: web.dev · PageSpeed Insights

Guía asociada: Prueba la accesibilidad del sitio web a través de tareas reales

Ver situaciones de diagnóstico

Resolver una dificultad

Las herramientas de calidad ayudan a localizar un defecto; La validación se refiere a una tarea que realmente se puede completar. Conserve el dispositivo, el ancho, el contexto y las acciones de cada prueba. Estas situaciones conectan una puntuación o archivo a una dificultad observable.

Una buena partitura oculta una barrera de teclado

Qué observa
Un informe automatizado es tranquilizador, pero un menú, un filtro o un cierre de ventana impide la finalización de la tarea con un teclado.
Antes de sacar conclusiones
Las evaluaciones automatizadas y manuales no cubren barreras idénticas. Un informe exitoso no reemplaza la observación de la tarea.
Verificación que debe realizar
Completa la acción desde el principio con un teclado. Registre el orden de enfoque, la visibilidad, el estado anunciado y una salida del componente. Conecte cada barrera al procedimiento de evaluación correspondiente y vuelva a realizar la prueba después de la corrección.

una pequeña fotografía todavía descarga un archivo grande

Qué observa
La imagen ocupa poco espacio en una página móvil, pero el navegador recupera una versión mucho más grande de lo que garantiza su pantalla.
Antes de sacar conclusiones
Reducir el ancho de CSS cambia la presentación, pero no necesariamente el archivo transferido. Las variantes ofrecidas y la selección real del navegador necesitan una inspección.
Verificación que debe realizar
Compare el ancho mostrado, las dimensiones de los recursos, el archivo cargado real y el tamaño transferido. Pruebe varios anchos de ventana y densidades de pantalla. También verifique el recorte y el texto alternativo después de la optimización.

Lab results and user feedback disagree

Qué observa
Sus pruebas son rápidas, mientras que algunos visitantes informan de apertura lenta o de elementos que se mueven durante la lectura.
Antes de sacar conclusiones
Un juicio local refleja sus propias condiciones. Los visitantes pueden usar diferentes dispositivos, redes, cachés o etapas de una tarea.
Verificación que debe realizar
Reproduzca una primera carga, una conexión más lenta y una página representativa con contenido largo. Compare los datos de campo disponibles mientras se conserva su período y cobertura; No reclame una experiencia universal de un solo ensayo.

Documentación adicional

Registrar los resultados en el cuaderno de pruebas de aceptación

Transparencia

Alcance editorial y sitios de terceros

Este directorio no exhaustivo estaba sujeto a una verificación de coherencia de datos y enlaces el 2 de octubre de 2026. Algunos sitios limitan las comprobaciones automáticas. Contiene enlaces externos a sitios independientes. Su disponibilidad, contenido, precios, cookies y condiciones pueden cambiar. Française du Numérique No los controle y no reciba ninguna comisión por su presencia.

proponer un recurso o corrección
Preguntas de directorio

Selección, independencia y actualizaciones.

La selección editorial favorece fuentes primarias y oficiales, organismos de normalización reconocidos, herramientas profesionales ampliamente utilizadas, medios especializados y comunidades activas directamente vinculadas a la creación, operación, seguridad o promoción de sitios web. Cada entrada debe tener una función identificable, un editor claramente nombrado y un destino oficial. El catálogo es independiente, no exhaustivo y no busca clasificar a todos los proveedores de servicios disponibles. Un recurso se puede eliminar si se cierra, cambia profundamente su objeto, se vuelve engañoso o ya no aporta suficiente valor práctico. La fecha de verificación indica la última revisión global del catálogo; No garantiza que cada sitio externo permanezca sin cambios después. Antes de utilizar un servicio, por lo tanto es necesario confirmar sus precios, condiciones, normas de confidencialidad, nivel de seguridad y adecuación según sea necesario en su documentación oficial.

No. Una hoja es una referencia documental, no una certificación, una sociedad, una auditoría de seguridad o una recomendación comercial. Las organizaciones referenciadas siguen siendo responsables de sus productos, contenido, precios, disponibilidad, cookies, procesamiento de datos y condiciones contractuales. Un recurso se puede adaptar a un proyecto e inapropiado a otro según el presupuesto, la ley aplicable, los requisitos técnicos y las habilidades del equipo. Française du Numérique No recibe ninguna comisión por la presencia de un sitio en este directorio editorial. Antes de crear una cuenta, comprar un servicio o confiar datos, es aconsejable consultar la documentación oficial, las condiciones actuales, las posibilidades de exportación, el soporte y los elementos independientes disponibles. Una decisión que involucre un tema legal, financiero o de seguridad puede requerir el asesoramiento de un profesional calificado.

si lo hago El campo de búsqueda examina los nombres de los recursos y los temas editoriales, mientras que los filtros limitan la lista por categoría, origen geográfico y tipo de recurso. La búsqueda y clasificación se realiza localmente en el navegador: las palabras ingresadas no se transmiten a un motor de terceros. La combinación de múltiples filtros puede no producir ningún resultado mientras que un recurso útil está en una categoría vecina; Entonces es suficiente para eliminar un criterio o usar un término más grande. Las descripciones permanecen deliberadamente sintéticas y no enumeran todas las funciones de un servicio. Se debe consultar la documentación oficial para verificar las capacidades, condiciones y tarifas actuales antes de cualquier decisión.

Utilice la página de contacto indicando el nombre del recurso, su dirección oficial, su editor, la categoría relevante y una breve explicación de su utilidad para profesionales o gerentes de proyectos web. Para una corrección, especifique la hoja en cuestión y la información que parece inexacta o antigua, si es posible, con una fuente primaria. Cada sugerencia se lee antes de la publicación y se puede rechazar cuando reproduce una entrada existente, es principalmente promoción, no tiene un editor identificable, presenta un riesgo evitable y deja el alcance del directorio. Una propuesta no garantiza la publicación o un lugar en particular, y este proceso editorial no prevé referencias pagas.

Documente la URL, el ancho y la altura de la ventana de visualización, el nivel de zoom, el idioma y los pasos anteriores. Una captura de pantalla por sí sola puede no describir la causa. Incluya el resultado esperado y el componente del sitio web afectado, luego verifique la corrección en el mismo contexto.

Comience con el componente modificado y las familias de páginas compartiendo sus reglas. Cubre los idiomas móviles, de escritorio, de texto largo e idiomas relevantes. Ampliar la verificación cuando el cambio afecta una regla global, provoca una regresión o deja incertidumbre sobre otras plantillas.