Ibermutua UI Audit

Colores

28 colores únicos detectados en 12 páginas

🎨 Paleta Top 15 Por tipo de uso Gradientes

Paleta del sistema de diseño

#004799

Primary 80

--wp--preset--color--primary-80 · headings, gradientes

#0056a7

Blue 600

Computed · cookie widget, sidebar oscuro

#0065b7

Blue 500

Computed · links, sidebar, clusters

#0075c9

Primary 60

--wp--preset--color--primary-60 · CTA, links, botones

#1863dc

Blue 450

Computed · gradiente hover

#293c5b

Blue 800

Computed · gradiente oscuro header

#ecf6fe

Blue 50

Computed · fondo tarjetas highlight

#000000

Black

Computed · headings alt, sombras

#212121

Gray 950

Computed · cookie banner text

#262d33

Neutral 80

--wp--preset--color--neutral-80 · H1, títulos

#566673

Neutral 60

--wp--preset--color--neutral-60 · body text, nav

#d1d9e0

Gray 250

Computed · bordes internos

#ebeff2

Gray 200

Computed · bordes, dividers

#ededed

Gray 180

Computed · bordes secundarios

#f4f4f4

Gray 120

Computed · fondos alternos

#f5f8fa

Gray 100

Computed · fondos de sección

#ffffff

White

Computed · fondo base, tarjetas

#52c41a

Success

CSS .ant-alert-success — no renderizado

#b7eb8f

Success border

CSS .ant-alert-success — no renderizado

#f6ffed

Success bg

CSS .ant-alert-success — no renderizado

#1890ff

Info

CSS .ant-alert-info — no renderizado

#faad14

Warning

CSS .ant-alert-warning — no renderizado

#ff4d4f

Error

CSS .ant-alert-error — no renderizado

#ffccc7

Error border

CSS .ant-alert-error — no renderizado

#fff2f0

Error bg

CSS .ant-alert-error — no renderizado

#008000

Form success

CSS .result.success — solo tras envío OK

#004799

Primary 80

--wp--preset--color--primary-80 · headings, gradientes

#0056a7

Blue 600

Computed · cookie widget, sidebar oscuro

#0065b7

Blue 500

Computed · links, sidebar, clusters

#0075c9

Primary 60

--wp--preset--color--primary-60 · CTA, links, botones

#1863dc

Blue 450

Computed · gradiente hover

#293c5b

Blue 800

Computed · gradiente oscuro header

#ecf6fe

Blue 50

Computed · fondo tarjetas highlight

#000000

Black

Computed · headings alt, sombras

#212121

Gray 950

Computed · cookie banner text

#262d33

Neutral 80

--wp--preset--color--neutral-80 · H1, títulos

#566673

Neutral 60

--wp--preset--color--neutral-60 · body text, nav

#d1d9e0

Gray 250

Computed · bordes internos

#ebeff2

Gray 200

Computed · bordes, dividers

#ededed

Gray 180

Computed · bordes secundarios

#f4f4f4

Gray 120

Computed · fondos alternos

#f5f8fa

Gray 100

Computed · fondos de sección

#ffffff

White

Computed · fondo base, tarjetas

#52c41a

Success

CSS .ant-alert-success — no renderizado

#b7eb8f

Success border

CSS .ant-alert-success — no renderizado

#f6ffed

Success bg

CSS .ant-alert-success — no renderizado

#1890ff

Info

CSS .ant-alert-info — no renderizado

#faad14

Warning

CSS .ant-alert-warning — no renderizado

#ff4d4f

Error

CSS .ant-alert-error — no renderizado

#ffccc7

Error border

CSS .ant-alert-error — no renderizado

#fff2f0

Error bg

CSS .ant-alert-error — no renderizado

#008000

Form success

CSS .result.success — solo tras envío OK

Top 15 colores por frecuencia de uso

#	Hex	Usos	%	Páginas	Contextos
1	#566673	1269	33.3%	12/12	TextoBordeIconoLinkBotón
2	#262d33	486	12.7%	12/12	TextoLinkBotón
3	#ffffff	406	10.6%	12/12	TextoFondoBordeLinkBotón
4	#0075c9	363	9.5%	12/12	TextoFondoBordeLinkBotón
5	#ebeff2	337	8.8%	12/12	Borde
6	#0065b7	252	6.6%	11/12	TextoFondoLinkBotón
7	#ecf6fe	179	4.7%	8/12	Fondo
8	#eeeeee	114	3.0%	1/12	Borde
9	#004799	82	2.1%	11/12	TextoLink
10	#f5f8fa	76	2.0%	12/12	Fondo
11	#6a6a6a / 0.05	61	1.6%	7/12	Sombra
12	#ebeef1	30	0.8%	1/12	Borde
13	#d1d9e0	26	0.7%	5/12	Borde
14	#0056a7	24	0.6%	12/12	FondoBotón
15	#0065b7 / 0.5	20	0.5%	1/12	BordeBotón

Distribución por tipo de uso

Todos los colores organizados por rol semántico detectado en la web

Aa Colores de texto 11 colores, 18 roles, 787 usos

#566673

430 usos totales

12/12 pág.

Enlace de navegación 138Body / Texto corrido 121Elemento de lista 79Enlace en texto 67Texto bold / Énfasis 18Hero / Destacado 3Label de formulario 3H4-H6 / Heading menor 1

Ir al contenido

#262d33

137 usos totales

12/12 pág.

H2 / Título sección 70Enlace de navegación 24H3 / Subtítulo 17Texto de input 7Hero / Destacado 6Texto bold / Énfasis 6H1 / Título principal 2H4-H6 / Heading menor 2Enlace en texto 1Label de formulario 1Body / Texto corrido 1

Regímenes y sistemas especiale

#0075c9

77 usos totales

12/12 pág.

Enlace de navegación 48Enlace CTA / Botón 27Enlace en texto 1Enlace categoría / Tag 1

¿Por qué acudir directamente a

#0065b7

52 usos totales

5/12 pág.

Label de formulario 27Enlace en texto 13H1 / Título principal 5Body / Texto corrido 5Texto bold / Énfasis 2

Ver todo

#ffffff

39 usos totales

5/12 pág.

Caption / Pie de foto 10Hero / Destacado 6Texto de botón 6Enlace en texto 4Enlace de navegación 4Body / Texto corrido 3Texto bold / Énfasis 3Enlace CTA / Botón 2H2 / Título sección 1

Somos la mutua del futuroConoc

#004799

33 usos totales

7/12 pág.

Enlace en tarjeta 23H1 / Título principal 7Label de formulario 3

Dedicados a la protección de e

#000000

9 usos totales

1/12 pág.

H2 / Título sección 4H3 / Subtítulo 3Texto bold / Énfasis 2

Perla Meneses Rodríguez, Médic

#2782ad

5 usos totales

1/12 pág.

H4-H6 / Heading menor 5

Todos los formularios

#738aa0

3 usos totales

2/12 pág.

Texto secundario 3

Línea integral 24 horas

#0078a8

1 usos totales

1/12 pág.

Enlace en texto 1

OpenStreetMap

#292a2c

1 usos totales

1/12 pág.

H2 / Título sección 1

Noticias relacionadas

▮ Colores de fondo 8 colores, 12 roles, 502 usos

#ffffff

189 usos totales

12/12 pág.

Fondo de tarjeta 81Fondo de sección 31Fondo de botón 18Fondo de header 15Fondo de bloque 15Fondo de página 12Fondo interactivo (tab/accordion) 6Fondo de enlace 5Fondo de buscador 4Fondo de bloque 1Fondo de hero 1

#ecf6fe

176 usos totales

4/12 pág.

Fondo de tarjeta 169Fondo de bloque 5Fondo de navegación 2

#f5f8fa

76 usos totales

12/12 pág.

Fondo de footer 28Fondo de sección 15Fondo de navegación 12Fondo de tarjeta 12Fondo de header 5Fondo de bloque 3Fondo de hero 1

#0075c9

36 usos totales

12/12 pág.

Fondo de botón 19Fondo de bloque 14Fondo de sección 3

#0056a7

12 usos totales

12/12 pág.

Fondo de botón 12

#0065b7

9 usos totales

1/12 pág.

Fondo de bloque 8Fondo de navegación 1

#000000

3 usos totales

2/12 pág.

Fondo de hero 2Fondo de bloque 1

#dddddd

1 usos totales

1/12 pág.

Fondo de bloque 1

☐ Colores de borde 11 colores, 10 roles, 277 usos

#ebeff2

97 usos totales

12/12 pág.

Borde de tarjeta 69Borde de header 12Separador / Divisor 12Otro borde 3Borde de input 1

#566673

72 usos totales

12/12 pág.

Borde de navegación 72

#eeeeee

36 usos totales

1/12 pág.

Borde de accordion 36

#0075c9

25 usos totales

12/12 pág.

Borde de botón 22Separador / Divisor 3

#9eaebd

14 usos totales

1/12 pág.

Borde de FAQ 14

#ffffff

12 usos totales

12/12 pág.

Borde de botón 12

#ebeef1

8 usos totales

1/12 pág.

Borde de tab 6Borde de navegación 2

#d1d9e0

7 usos totales

5/12 pág.

Borde de input 6Separador / Divisor 1

#0065b7

4 usos totales

1/12 pág.

Separador / Divisor 4

#cccccc

1 usos totales

1/12 pág.

Otro borde 1

#000000

1 usos totales

1/12 pág.

Separador / Divisor 1

🔗 Colores de enlace 7 colores, 5 roles, 354 usos

#566673

205 usos totales

12/12 pág.

Link navegación 138Link en texto 67

Ir al contenido

#0075c9

77 usos totales

12/12 pág.

Link navegación 48Link CTA 27Link en texto 1Link hero 1

¿Por qué acudir directamente a

#262d33

25 usos totales

12/12 pág.

Link navegación 24Link en texto 1

Regímenes y sistemas especiale

#004799

23 usos totales

3/12 pág.

Link tarjeta 23

Corporativo

#0065b7

13 usos totales

5/12 pág.

Link en texto 13

Ver todo

#ffffff

10 usos totales

2/12 pág.

Link en texto 4Link navegación 4Link CTA 2

Somos la mutua del futuroConoc

#0078a8

1 usos totales

1/12 pág.

Link en texto 1

OpenStreetMap

⬜ Fondos de botón 2 colores, 2 roles, 36 usos

#0075c9

19 usos totales

12/12 pág.

Fondo botón primario 19

Ibermutua digital

#ffffff

17 usos totales

12/12 pág.

Fondo botón secundario 17

Red de centros

Bt Texto de botón 3 colores, 2 roles, 60 usos

#0075c9

27 usos totales

12/12 pág.

Texto botón secundario 15Texto botón primario 12

Red de centros

#ffffff

21 usos totales

12/12 pág.

Texto botón secundario 14Texto botón primario 7

#566673

12 usos totales

12/12 pág.

Texto botón secundario 12

★ Colores de icono 1 colores, 1 roles, 36 usos

#566673

36 usos totales

1/12 pág.

Icono (font) 36

Gradientes detectados (3)

Tipografía

1359 nodos tipográficos analizados en 12 páginas

Aa Familias Escala rem()Escala tipográfica Top estilos

Familias detectadas

Noto Sans

1324 usos 12/12 páginas

Noto Sans

Poppins

24 usos 1/12 páginas

Poppins

Helvetica Neue

7 usos 1/12 páginas

Helvetica Neue, Arial, Helvetica, sans-serif

Lucida Console

4 usos 1/12 páginas

Lucida Console, Monaco, monospace

Escala rem() usada en componentes base: 16px · 16 tamaños

rem(8)

Texto muy pequeño — 8px

rem(12)

Texto pequeño — 12px

rem(13)

Texto base reducido — 13px

rem(14)

Texto estándar pequeño — 14px

rem(16)

Texto base — 16px

rem(18)

Subtítulo — 18px

rem(20)

Título pequeño — 20px

rem(22)

Título — 22px

rem(24)

Título — 24px

rem(28)

Destacado — 28px

rem(29)

Destacado — 29px

rem(32)

Display — 32px

rem(34)

Display — 34px

rem(36)

Display grande — 36px

rem(40)

Hero — 40px

rem(42)

Hero — 42px

Escala tipográfica

Aa Bb Cc 123

36px weight: 500, 600 ×3

H1 hero H1 page-title H2 hero-subtitle

Aa Bb Cc 123

32px weight: 500 ×8

H1 hero

Aa Bb Cc 123

29px weight: 600 ×5

H4 subheading

Aa Bb Cc 123

28px weight: 500, 600 ×10

H2 section-title H1 hero

Aa Bb Cc 123

24px weight: 600, 400 ×59

H2 section-title H2 hero-subtitle a link H1 page-title

Aa Bb Cc 123

22px weight: 700 ×4

a link span inline

Aa Bb Cc 123

20px weight: 600, 400, 700, 300 ×42

H3 subsection a nav-link span nav H2 section-title

Aa Bb Cc 123

16px weight: 400, 600, 500, 700 ×578

a card-link li list-item a link p body-text

Aa Bb Cc 123

14px weight: 400, 600, 500 ×616

a nav-link li nav-item a link p body-text

Aa Bb Cc 123

12px weight: 700, 400 ×13

span inline a link

Aa Bb Cc 123

11px weight: 600 ×10

a button-link

Top 20 estilos tipográficos

#	Familia	Size	Weight	Line-H	Usos	Páginas	Roles típicos
1	Noto Sans	16px	400	22px	499	12/12	a card-linkli list-itemp body-text
2	Noto Sans	14px	400	18px	192	12/12	li nav-itema nav-linkp footer-text
3	Noto Sans	14px	400	22px	121	12/12	li nav-itema nav-linka link
4	Noto Sans	14px	400	21px	121	12/12	li nav-itema linka nav-link
5	Noto Sans	14px	400	14px	66	12/12	a nav-linklabel
6	Noto Sans	24px	600	31px	57	9/12	H2 section-titleH2 hero-subtitlea link
7	Noto Sans	14px	600	21px	48	12/12	a nav-link
8	Noto Sans	14px	500	13px	34	12/12	a nav-linkbuttona button-link
9	Noto Sans	20px	600	28px	33	7/12	H3 subsectiona nav-linkspan nav
10	Noto Sans	16px	600	26px	25	2/12	li list-itema linkstrong emphasis
11	Noto Sans	16px	500	24px	21	2/12	H3 subsectiona linkspan inline
12	Noto Sans	14px	500	21px	19	1/12	p body-text
13	Noto Sans	16px	700	22px	14	5/12	strong emphasis
14	Noto Sans	16px	500	16px	11	2/12	a linkspan inline
15	Poppins	14px	600	22px	10	1/12	a link
16	Poppins	11px	600	16px	10	1/12	a button-link
17	Noto Sans	32px	500	42px	8	8/12	H1 hero
18	Noto Sans	28px	500	39px	8	3/12	H2 section-titleH1 hero
19	Helvetica Neue	12px	700	12px	7	1/12	span inline
20	Noto Sans	12px	400	20px	6	2/12	a link

Iconos

66 iconos únicos, 527 ocurrencias totales

🏆 Top 20 Grid de iconos

Top 20 por frecuencia

#	ID	Tipo	Usos	Páginas	Tamaño	Contexto
1	99ff2cb5f6be	img-svg	155	2/12	18×18	card
2	70c6203ecb4e	img-svg	28	6/12	24×24	card
3	cd05c82565ae	img-svg	24	12/12	16×16	link
4	843162cd5cce	img-svg	24	12/12	16×16	link
5	971e78901b67	img-svg	24	12/12	14×14	link
6	9bfd2a8a0e3b	img-svg	24	12/12	16×16	link
7	380df630bd17	img-svg	24	12/12	16×16	link
8	bde769cb2ba2	img-svg	24	12/12	16×16	link
9	9ea9c667cbdb	icon-font	18	1/12	11×12	link
10	a103b3865ded	icon-font	18	1/12	11×12	link
11	d69653b08869	img-svg	12	12/12	30×30	button
12	c0960c2752b1	img-svg	12	12/12	18×18	button
13	b6009c49a623	img-svg	12	12/12	120×40	link
14	dff60d8d744e	img-svg	10	1/12	24×24	card
15	5776ace61a2b	svg	10	1/12	18×18	content
16	77ae9d50dc51	svg	10	1/12	18×18	content
17	f721637d8391	svg	10	1/12	18×18	content
18	e7828595a661	icon-font	10	1/12	18×25	content
19	c9115ab1d4a6	icon-font	10	1/12	18×25	content
20	95bc8fca990d	icon-font	10	1/12	18×25	content

Grid de iconos

×155

download.svg

img-svg

18×18 · 2pg

×28

arrow_forward.svg

img-svg

24×24 · 6pg

×24

facebook.svg

img-svg

16×16 · 12pg

×24

x-logo.svg

img-svg

16×16 · 12pg

×24

linkedin.svg

img-svg

14×14 · 12pg

×24

youtube.svg

img-svg

16×16 · 12pg

×24

pinterest.svg

img-svg

16×16 · 12pg

×24

instagram.svg

img-svg

16×16 · 12pg

×18

fas fa-plus

icon-font

11×12 · 1pg

×18

wp-block-getwid-acco

icon-font

11×12 · 1pg

×12

revisit.svg

img-svg

30×30 · 12pg

×12

search_blue.svg

img-svg

18×18 · 12pg

×12

Download_on_the_App_

img-svg

120×40 · 12pg

×10

launch.svg

img-svg

24×24 · 1pg

×10

5776ace61a2b

svg

18×18 · 1pg

×10

77ae9d50dc51

svg

18×18 · 1pg

×10

f721637d8391

svg

18×18 · 1pg

×10

svg-icon svg-icon-pr

icon-font

18×25 · 1pg

×10

svg-icon svg-icon-pr

icon-font

18×25 · 1pg

×10

svg-icon svg-icon-pr

icon-font

18×25 · 1pg

×3

phone.svg

img-svg

24×24 · 2pg

×2

Asistencia-Sanitaria

img

80×80 · 2pg

×2

Lesiones-permanentes

img

80×80 · 2pg

×2

Incapacidad-temporal

img

80×80 · 2pg

×2

11_formularios.svg

img-svg

80×80 · 2pg

×2

launch_white.svg

img-svg

24×24 · 2pg

×2

readaptacion.svg

img-svg

80×80 · 2pg

×2

trabajo-equipo.svg

img-svg

80×80 · 2pg

×2

launch_white.svg

img-svg

24×24 · 2pg

×2

place_propio.svg

img-svg

48×48 · 1pg

×2

chevron_right_black.

img-svg

24×24 · 1pg

×1

enfermedades-y-accid

img

80×80 · 1pg

×1

Riesgo-en-el-embaraz

img

80×80 · 1pg

×1

interes-personas.svg

img-svg

80×80 · 1pg

×1

centros.svg

img-svg

80×80 · 1pg

×1

notification_importa

img-svg

80×80 · 1pg

×1

10_PRL.svg

img-svg

80×80 · 1pg

×1

8_botiquines.svg

img-svg

80×80 · 1pg

×1

agriculture_48dp.svg

img-svg

80×80 · 1pg

×1

phishing_48dp.svg

img-svg

80×80 · 1pg

×1

front_loader_48dp.sv

img-svg

80×80 · 1pg

×1

phone_white.svg

img-svg

40×40 · 1pg

×1

email_white.svg

img-svg

40×40 · 1pg

×1

public_white.svg

img-svg

40×40 · 1pg

×1

facebook-white.svg

img-svg

23×24 · 1pg

×1

twitter-white-e17085

img

24×25 · 1pg

×1

instagram-white.svg

img-svg

24×24 · 1pg

×1

youtube-white.svg

img-svg

23×24 · 1pg

×1

search.svg

img-svg

24×24 · 1pg

×1

my_location.svg

img-svg

24×24 · 1pg

×1

place_colaborador.sv

img-svg

24×24 · 1pg

×1

place_concertado.svg

img-svg

24×24 · 1pg

×1

sanitario.svg

img-svg

40×40 · 1pg

×1

rehabilitacion.svg

img-svg

40×40 · 1pg

×1

email.svg

img-svg

24×24 · 1pg

×1

diversity_1_48dp.svg

img-svg

40×40 · 1pg

×1

child_friendly.svg

img-svg

40×40 · 1pg

×1

image_48dp.svg

img-svg

40×40 · 1pg

×1

asistencia-ambulator

img-svg

40×40 · 1pg

×1

respeto.svg

img-svg

40×40 · 1pg

×1

bookmark_add_48dp.sv

img-svg

40×40 · 1pg

×1

chat_48dp.svg

img-svg

40×40 · 1pg

×1

diversity_2_48dp.svg

img-svg

40×40 · 1pg

×1

act-innovadora.svg

img-svg

40×40 · 1pg

×1

balance_48dp.svg

img-svg

40×40 · 1pg

×1

nature_people_48dp.s

img-svg

40×40 · 1pg

Showcase de Componentes UI

43 componentes únicos detectados en 12 páginas, organizados por tipología

Mostrando 43 de 43 componentes

🃏 Cards

div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow

100 usos6 pág.314×118

homeempresasserviciosservicio-detalle+2

🏷️ Chips / Tags

a.category-link

24 usos3 pág.78×19

homenoticias-listadonoticia-detalle

🃏 Cards14 variantes

div.item-post

21 usos2 pág.304×289

noticias-listadonoticia-detalle

🪗 Acordeones

span.wp-block-getwid-accordion__header

18 usos1 pág.1084×38

formularios

🪗 Acordeones

div.wp-block-getwid-accordion__content

18 usos1 pág.1086×165

formularios

🔘 Botonesprimary

a.wp-block-button__link.wp-element-button

14 usos12 pág.151×40

homeempresasserviciosservicio-detalle+8

🃏 Cards

div.wp-block-column.is-vertically-aligned-center.is-layout-flow

14 usos6 pág.560×348

homeempresasserviciosservicio-detalle+2

🏠 Header

header.site-header

12 usos12 pág.1440×64

homeempresasserviciosservicio-detalle+8

📎 Footer

footer.site-footer

12 usos12 pág.1440×146

homeempresasserviciosservicio-detalle+8

🔘 Botonestertiary

a.search-button

12 usos12 pág.40×40

homeempresasserviciosservicio-detalle+8

🔘 Botonestertiary

a.wp-block-button__link.wp-element-button

12 usos12 pág.133×40

homeempresasserviciosservicio-detalle+8

🔍 Barra de búsqueda

div.search-links

12 usos12 pág.291×40

homeempresasserviciosservicio-detalle+8

Sin preview

🪟 Modales

div.cky-modal

12 usos12 pág.845×711

homeempresasserviciosservicio-detalle+8

🏠 Header

header.entry-header

11 usos11 pág.1440×400

homeempresasserviciosservicio-detalle+7

Sin preview

🧭 Navegación

nav.rank-math-breadcrumb

9 usos9 pág.1440×22

empresasserviciosservicio-detalleformularios+5

🥖 Breadcrumbs

nav.rank-math-breadcrumb

9 usos9 pág.1440×22

empresasserviciosservicio-detalleformularios+5

🪗 Acordeones

div.wp-block-getwid-accordion.has-icon-left

6 usos1 pág.1086×157

formularios

📋 Listasul

ul.wp-block-list

5 usos2 pág.540×371

servicio-detalletramite-detalle

🔘 Botonesprimary

button.btn.search-centros

4 usos4 pág.85×40

homered-centroscorporativo-quienes-somostramite-detalle

📝 Formularios

div.search-map-form

4 usos4 pág.562×113

homered-centroscorporativo-quienes-somostramite-detalle

📝 Formularios

form.map-searchform

4 usos4 pág.530×40

homered-centroscorporativo-quienes-somostramite-detalle

✏️ Inputs / Campostext

input[type=text]

4 usos4 pág.321×40

homered-centroscorporativo-quienes-somostramite-detalle

🔍 Barra de búsqueda

div.search-content

4 usos4 pág.332×40

homered-centroscorporativo-quienes-somostramite-detalle

🔘 Botonessecondary

a.btn-white

3 usos3 pág.102×40

homecorporativo-quienes-somostramite-detalle

📋 Listasul

ul.toc-list

2 usos2 pág.450×224

servicio-detalletramite-detalle

📑 Tabs

ul.wp-block-getwid-tabs__nav-links.ui-tabs-nav

2 usos1 pág.1136×49

formularios

📝 Formularios

form.tabs.filter-checks

2 usos2 pág.1136×48

noticias-listadofaqs

🃏 Cards

div.wp-block-column.ib-nomarginbottom.is-layout-flow

1 usos1 pág.1136×119

home

📋 Listasul

ul.menu

1 usos1 pág.1136×66

empresas

🃏 Cards

div.wp-block-column.is-vertically-aligned-top.is-layout-flow

1 usos1 pág.428×372

servicios

🃏 Cards

div.wp-block-column.ib-nomargintop.ib-white

1 usos1 pág.428×264

servicios

📝 Formularios

form.map-filterform

1 usos1 pág.599×40

red-centros

✏️ Inputs / Camposselect-one

select[type=select-one].provinces

1 usos1 pág.250×40

red-centros

✏️ Inputs / Camposselect-one

select[type=select-one]

1 usos1 pág.93×40

red-centros

📄 Paginación

div.blog-pagination

1 usos1 pág.424×58

noticias-listado

🔘 Botonesprimary

button.btn.search

1 usos1 pág.80×40

faqs

📝 Formularios

form.search-faqs

1 usos1 pág.566×40

faqs

✏️ Inputs / Campostext

input[type=text].search-input

1 usos1 pág.482×40

faqs

🥖 Breadcrumbs

body.wp-singular.page-template-default

1 usos1 pág.1440×2345

faqs

🃏 Cards

div.dw-block-link.card-icon-right-des.form

1 usos1 pág.562×153

tramite-detalle

🃏 Cards

div.title-content

1 usos1 pág.252×68

tramite-detalle

📄 Paginación

div.kt-pagination.kt-pagination--brand

1 usos1 pág.1136×34

microsite-trabaja

📄 Paginación

ul.pagination.kt-pagination__links

1 usos1 pág.795×34

microsite-trabaja

Página	Pares	Pass	Fail	% OK	Errores	Warnings	lang
home	45	44	1	98%	0	16	es-ES
empresas	38	36	2	95%	0	16	es-ES
servicios	79	73	6	92%	0	19	es-ES
servicio-detalle	106	103	3	97%	0	15	es-ES
red-centros	44	42	2	95%	0	32	es-ES
formularios	92	91	1	99%	0	18	es-ES
noticias-listado	75	74	1	99%	0	15	es-ES
noticia-detalle	41	40	1	98%	0	14	es-ES
corporativo-quienes-somos	49	48	1	98%	0	16	es-ES
faqs	31	30	1	97%	1	15	es-ES
tramite-detalle	59	57	2	97%	0	15	es-ES
microsite-trabaja	150	128	22	85%	0	37	es-ES

	Criterio	Tipo	Detalle	Ocurrencias	Páginas
🟡	2.5.5	small-touch-target	Objetivo táctil muy pequeño: 16×16px (mínimo 44×44 recomendado)	120	12/12
🟡	1.1.1	empty-alt	Imagen con alt vacío (verificar si es decorativa)	51	8/12
🟡	2.5.5	small-touch-target	Objetivo táctil muy pequeño: 14×16px (mínimo 44×44 recomendado)	24	12/12
🟡	2.4.7	focus-outline-removed	Se detectó "outline: none/0" en estilos. Verificar que existe indicador de foco alternativo.	12	12/12
🟡	2.5.5	small-touch-target	Objetivo táctil muy pequeño: 1×1px (mínimo 44×44 recomendado)	12	12/12
🟡	1.3.1	heading-multiple-h1	Múltiples H1 (2). Recomendado: uno solo.	2	2/12
🟡	1.3.1	heading-skip	Salto de nivel: H1 → H5 ("Urgencias")	1	1/12
🟡	1.3.1	heading-skip	Salto de nivel: H2 → H4 ("Formularios para Empresas:")	1	1/12
🟡	1.3.1	heading-skip	Salto de nivel: H2 → H4 ("Formularios para Trabajadores:")	1	1/12
🟡	1.3.1	heading-skip	Salto de nivel: H2 → H4 ("Todos los formularios:")	1	1/12
🟡	1.3.1	heading-skip	Salto de nivel: H2 → H4 ("Formularios para Asesorías:")	1	1/12
🟡	1.3.1	heading-skip	Salto de nivel: H2 → H5 ("¿Tienes dudas? Ponte en contac")	1	1/12
🟡	1.3.1	heading-skip	Salto de nivel: H1 → H3 ("Condiciones laborales")	1	1/12
🔴	1.3.1 / 4.1.2	missing-label	Campo de formulario sin label, aria-label ni title	1	1/12

Texto	Fondo	Ratio	Mínimo	Usos	Páginas	Contextos	Ejemplo
#0075c9	#0075c9	1:1	4.5:1	12	12/12	content	a: Ibermutua digital
#ffffff	#ffffff	1:1	3:1	4	2/12	content	h2: Servicios de atención e i
#ffffff	#ffffff	1:1	4.5:1	22	2/12	contentbutton	p: ¿Alguna consulta? Estarem
#738aa0	#ffffff	3.58:1	4.5:1	3	2/12	content	em: Línea integral 24 horas
#0075c9	#ecf6fe	4.37:1	4.5:1	1	1/12	nav	a: Empresas
#0075c9	#f5f8fa	4.49:1	4.5:1	1	1/12	content	a: ¿Por qué acudir directame

Ibermutua UI Audit

Colores

Paleta del sistema de diseño

Top 15 colores por frecuencia de uso

Distribución por tipo de uso

Aa Colores de texto 11 colores, 18 roles, 787 usos

▮ Colores de fondo 8 colores, 12 roles, 502 usos

☐ Colores de borde 11 colores, 10 roles, 277 usos

🔗 Colores de enlace 7 colores, 5 roles, 354 usos

⬜ Fondos de botón 2 colores, 2 roles, 36 usos

Bt Texto de botón 3 colores, 2 roles, 60 usos

★ Colores de icono 1 colores, 1 roles, 36 usos

Gradientes detectados (3)

Tipografía

Familias detectadas

Escala rem() usada en componentes base: 16px · 16 tamaños

Escala tipográfica

Top 20 estilos tipográficos

Iconos

Top 20 por frecuencia

Grid de iconos

Showcase de Componentes UI

Accesibilidad WCAG AA

Resumen por página

Fallos de contraste WCAG AA (6 combinaciones)

Mapa visual de contraste — Todas las combinaciones (32)

Issues de accesibilidad (14 tipos)

Propuestas de mejora

6 combinaciones de color no cumplen WCAG AA

1 campos sin label asociado

Problemas en la jerarquía de encabezados

Indicador de foco posiblemente eliminado

156 objetivos táctiles demasiado pequeños