1. Cerca i selecció de la paleta de colors accessible.
- Què fa que una paleta de colors sigui accessible? (Contrast cromàtic WCAG AA/AAA).
Una paleta de colors es accesible quan el contrast entre el color de fons i el color del text es el suficient que per les persones amb discapacitats puguin llegir-lo perfectament.
- Explica la selecció de colors que has triat. Tria 2-3 colors. (adjunta captures de la paleta)
La meva paleta de colors es la següent, he escollit aquest colors perque volia una estetica elegant i freda
2. Selecció de textura o patró de fons.
- 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?
La textura l'he extret de la pagina de textures de Adobe photshop, he triat aquesta ja que es una textura de colors freds que m'ha agradat.
Saturar la pagina es utilitzar un patró o textura que no permeti la lectura o molesti als ulls.
- Com l'heu afegit a la pàgina web? Adjunta captures de la pàgina on l'heu extret i captura del codi CSS.
La he afegit amb format jpg i despres al css "textures.css" le he exportat amb una variable que he utilitzat mes tard
- Adjunta captura resultant de la pàgina amb la textura de fons, el header i el footer.
3. Elecció de font accessible.
- Tria una font del llistat: Google Fonts Accessible List i afegeix aquesta font al CSS. Adjunta una imatge de la font triada, el motiu pel qual l'heu triat i captura del codi CSS adjuntant la font.
Com a font he triat Montserrat que es una font clara i perfectament llegible
4. Layout HTML/CSS bàsic.
- Realitza una plantilla de fitxer HTML amb divs per header, menú, main, footer, etc.
- Realitza una plantilla de fitxer CSS (General) i una plantilla per CSS de fonts, colors, textures, reset, etc. Adjunta imatge de com fas l'enllaç entre el CSS general i la resta d'arxius d'estils.
- Adjunta una captura de pantalla (o diverses) de l'estructura de carpetes del projecte on es vegin els diferents CSS, HTML, etc.
https://drive.google.com/file/d/1LnMP7sGLMavl2lFXPu5xacpFGVoC_s8l/view?usp=drive_link