pagina acabada Angel

pagina acabada Angel

par Angel Motos Zambrano,
Nombre de réponses : 0

1. Cerca i selecció de la paleta de colors accessible. (20%)

Què fa que una paleta de colors sigui accessible?  

  • De forma col·loquial, una paleta de colors accessible és aquella que tothom pot veure i entendre bé, encara que tingui algun tipus de dificultat visual (com daltonisme, visió reduïda o sensibilitat a la llum).

Explica la selecció de colors que has triat. Tria 2-3 colors.

  • he elejido el color turquesa(#32c0b9), el azulito flojo(#34e7f4) y el blanco(#fcfbff).

blobid0.png

Utilitza l'eina Color Contrast Checker o WebAIM Contrast Checker per avaluar el contrast de la paleta de colors. Adjunta la imatge resultant.

  • azulito flojo

blobid1.png

  • turquesa(#32c0b9)

blobid2.png

  • blanco(#fcfbff)

blobid3.png

2. Selecció de textura o patró de fons. (20%)

  • Tria una textura suau o patrons SVG que no saturin la pàgina. Mostra el triat i explica el motiu. Què significa saturar una pàgina a nivell de textura?

textura suave:
blobid4.png

  • On heu extret la textura? Com l'heu afegit a la pàgina web? Adjunta captures de la pàgina on l'heu extret i captura del codi CSS.

    me la ha generado el CloudSonnet 4.5
    la he añadidod como background image

  • Adjunta captura resultant de la pàgina amb la textura de fons, el header i el footer. 

blobid5.png
blobid6.png

2. Selección de textura o patrón de fondo (20%)

Textura elegida y motivo

He elegido una textura suave y abstracta localizada en el proyecto: freepik__fondo-abstracto-muy-texturizado-colores-dominantes__65931.png.

Motivo: la textura aporta una ligera profundidad y tacto visual sin competir con el contenido. Tiene tonos suaves y baja densidad de detalles, por eso no “satura” la página. 

¿Qué significa “saturar” una página a nivel de textura?

“Saturar” una página significa aplicar una textura con demasiado contraste, detalles finos, colores vivos o patrones muy densos que:

distraen la lectura y disminuyen la legibilidad del texto,

generan “ruido visual” que dificulta la jerarquía informativa,

empeoran la accesibilidad para usuarios con baja visión o dificultades cognitivas,

interfieren con elementos interactivos (botones, formularios, enlaces).

Origen de la textura y cómo se ha añadido a la web

Origen: archivo local en la carpeta del proyecto img (nombre: freepik__fondo-abstracto-muy-texturizado-colores-dominantes__65931.png).
blobid7.png


3. Elección de fuente accesible (10%)

Fuente elegida y motivo

Fuente: Inter (Google Fonts).

Motivo: Inter es una tipografía diseñada para interfaces digitales con excelente legibilidad:

blobid8.png

blobid9.png

he puesto el header como nav por que tenia funcionalidades diferentes a un header y por que es un navegador en verdad:
blobid10.png