02
Lo que observamos
En 8 de las 11 primeras pantallas revisadas hay botones que comparten fondo, color de texto y tamaño de letra.
F4 · Primera pantalla y llamadas a la acción
Su aspecto no distingue una acción de otra: quien llega elige sin ninguna pista visual.
Aparece en 8 de las 11 páginas leídas. Entre ellas: /, /webinars, /explore-consultants. Hay 5 más.
sólo en móvil (390 px)
El recuento de cada página
- https://www.notion.com/ · 9
- https://www.notion.com/webinars · 2
- https://www.notion.com/explore-consultants · 2
- https://www.notion.com/product/demos · 2
- https://www.notion.com/customers/openai · 2
- https://www.notion.com/customers/figma · 2
- https://www.notion.com/customers/ramp · 2
- https://www.notion.com/customers/cursor · 2
Sobre esta comprobación: No medida: había una capa fija sobre la primera pantalla y no podemos separar lo que hay debajo.
Si se decide cambiarlo: Se cambia el estilo del que se quiera que sea el principal. No hemos probado el cambio, así que no sabemos qué más se ve afectado.
No encontramos ningún botón que envíe el formulario.
F3 · Formularios observados
Quien lo rellena no encuentra qué pulsar para enviarlo.
Está en https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_3af661ec59a643f4aa2773da8b0a8382.
en los dos anchos
Falta un control de envío: un <button type="submit"> o un <input type="submit">.
Si se decide cambiarlo: Sin arreglo propuesto: puede que el envío lo monte un script. No hemos probado el cambio, así que no sabemos qué más se ve afectado.
Un formulario pide un solo dato y no dice si hace falta.
F3 · Formularios observados
Por qué importa: Quien lo rellena no sabe qué puede dejar en blanco hasta que intenta enviarlo.
Está en https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_3af661ec59a643f4aa2773da8b0a8382.
sólo en escritorio (1280 px)
Contamos lo que el formulario pedía al abrirlo; puede pedir más al avanzar.
Si se decide cambiarlo: Se marca cada campo obligatorio en su etiqueta, y se declara en el propio campo con el atributo required. No hemos probado el cambio, así que no sabemos qué más se ve afectado.
En 6 de las 11 páginas revisadas hay textos que se distinguen poco de su fondo.
F1 · Accesibilidad computada
Por qué importa: Cuesta leerlo sobre el color que tiene detrás.
Aparece en 6 de las 11 páginas leídas. Entre ellas: /, /product/dev, /product/demos. Hay 3 más.
en los dos anchos
Medimos con la referencia que trae la propia comprobación: 4,5 a 1 para el texto normal y 3 a 1 para el texto grande. No es un umbral nuestro. El texto que va sobre una imagen o un degradado no lo medimos: la comprobación no puede determinar el color del fondo, y esos casos no llegan hasta aquí.
Los colores medidos, con su página
- Aa4.02El texto es
#097fe8 sobre #ffffff · 1 vez en https://www.notion.com/ · dice «Request a demo» - Aa4.21El texto es
#7171a8 sobre #f6f6fc · 1 vez en https://www.notion.com/product/dev · dice «import { NotionAgentsClient } from "@notionhq/agents-client"; const client = new NotionAge» - Aa3.99El texto es
#6666fd sobre #f6f6fc · 7 veces en https://www.notion.com/product/dev · dice «import» - Aa4.19El texto es
#0075de sobre #f6f5f4 · 10 veces en https://www.notion.com/product/demos · dice «Start tour» - Aa2.66El texto es
#a19e99 sobre #ffffff · 5 veces en https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_3af661ec59a643f4aa2773da8b0a8382 · dice «Log in to your Notion account» - Aa4.27El texto es
#7d7a75 sobre #ffffff · 4 veces en https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_3af661ec59a643f4aa2773da8b0a8382 · dice «Email» - Aa3.39El texto es
#8e8b86 sobre #ffffff · 1 vez en https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_3af661ec59a643f4aa2773da8b0a8382 · dice «Language: English (US)» - Aa4.49El texto es
#757167 sobre #fff5e0 · 1 vez en https://www.notion.com/customers/openai · dice «"Notion has become an integral part of our entire research flow and product development pr» - Aa4.49El texto es
#727174 sobre #f8f5fc · 2 veces en https://www.notion.com/customers/figma · dice «The sidebar keeps content organized and in sync across every device.»
Sobre esta comprobación: Parcial: el foco visible es un pseudo-estado y no se puede observar en una captura estática.
Si se decide cambiarlo: Se cambia un color en la hoja de estilos. No hemos probado el cambio, así que no sabemos qué más se ve afectado.
Esta web pide al navegador que no se pueda ampliar en el móvil.
F1 · Accesibilidad computada
La etiqueta de viewport declara user-scalable=no y maximum-scale=1. Hay navegadores que ignoran esa petición y otros que la respetan.
Está en https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_3af661ec59a643f4aa2773da8b0a8382.
en los dos anchos
Está en la etiqueta viewport, en maximum-scale=1 o en user-scalable=no.
Dónde está
meta[name=viewport]
Sobre esta comprobación: Parcial: el foco visible es un pseudo-estado y no se puede observar en una captura estática.
Si se decide cambiarlo: Se quita ese valor de una línea. No hemos probado el cambio, así que no sabemos qué más se ve afectado.
5 menús se abren y se cierran, y no dicen en cuál de los dos están.
F2 · Navegación y enlaces
Por qué importa: Quien usa un lector de pantalla no puede saber si está desplegado.
Está en /explore-consultants.
en los dos anchos
Falta el atributo aria-expanded en el control que lo abre, y que cambie de false a true al abrirse.
Dónde está
[aria-haspopup]
Sobre esta comprobación: Parcial: comprobamos los enlaces sin destino declarado. No seguimos ninguno, así que un enlace que apunte a una página inexistente no lo detectamos.
Si se decide cambiarlo: Un atributo por menú. No hemos probado el cambio, así que no sabemos qué más se ve afectado.
En las 11 páginas revisadas hay dominios externos que cargan antes de que nadie toque nada.
F6 · Terceros y consentimiento
Salieron en la primera carga, antes de que pulsáramos el aviso de cookies en 10 de las 11 páginas de esta revisión.
Entre ellos: accounts.google.com, http-inputs-notion.splunkcloud.com, images.ctfassets.net. Hay 8 más.
Aparece en 11 de las 11 páginas leídas. Entre ellas: /, /product/dev, /webinars. Hay 8 más.
en los dos anchos
El recuento de cada página
- https://www.notion.com/ · 6
- https://www.notion.com/product/dev · 4
- https://www.notion.com/webinars · 5
- https://www.notion.com/explore-consultants · 4
- https://www.notion.com/product/demos · 5
- https://app.notion.com/login?from=marketing&pathname=%2F&tid=w_3af661ec59a643f4aa2773da8b0a8382 · 3
- https://www.notion.com/customers/openai · 10
- https://www.notion.com/customers/figma · 10
- https://www.notion.com/customers/ramp · 10
- https://www.notion.com/customers/cursor · 10
- https://www.notion.com/customers/vercel · 5
Sobre esta comprobación: Parcial: alcanza a los hosts observados durante la carga; despachamos el aviso de cookies rechazándolo, y no se adjudica nada sobre su cumplimiento legal.
Si se decide cambiarlo: Sin arreglo propuesto: es una decisión que conviene consultar. No hemos probado el cambio, así que no sabemos qué más se ve afectado.
Los encabezados de cada página saltan niveles 1 vez.
F1 · Accesibilidad computada
Por qué importa: Quien navega por encabezados pierde el hilo del documento.
Está en /explore-consultants.
en los dos anchos
Miramos el orden de los niveles de encabezado (h1, h2, h3…) tal como aparecen en el documento, y aquí hay un salto entre niveles. No juzgamos lo que dice cada encabezado.
Sobre esta comprobación: Parcial: el foco visible es un pseudo-estado y no se puede observar en una captura estática.
Si se decide cambiarlo: Se cambia el nivel de la etiqueta, no su aspecto. No hemos probado el cambio, así que no sabemos qué más se ve afectado.