1. Cerca i selecció de la paleta de colors accessible. (20%)
Què fa que una paleta de colors sigui accessible? (Contrast cromàtic WCAG AA/AAA).
Es consideren accessibles quan tots els colors són accessibles, és a dir, distingibles i llegibles per a totes les persones, incloses les que tenen problemes com el daltonisme.
Explica la selecció de colors que has triat. Tria 2-3 colors. (adjunta captures de la paleta)
La selecció de colors que he triat han sigut els següents:
Blau marí fosc, hex: #0B1D51, ús: fons principal
Gris clar, hex: #F2F2F2, ús: fons secundarí
Blanc, hex: #FFFFFF, ús: text
Utilitza l'eina Color Contrast Checker o WebAIM Contrast Checker per avaluar el contrast de la paleta de colors. Adjunta la imatge resultant.
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?
He triat aquesta textura perquè no satura la pàgina i perquè combina amb els colors de la paleta de colors.
Saturar una pàgina significa que al tria una textura cansa molt la vista, ja que és molt vistosa ja sigui pels colors o les formes.
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.
He creat la textura mitjançant l’IA de Freepik.
He afegit la textura mitjançant el background-image de css.
Adjunta captura resultant de la pàgina amb la textura de fons, el header i el footer.
3. Elecció de font accessible. (10%)
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.
He triat aquesta font perquè, a més de ser accessible, crec que és la que millor combina amb els colors de la meva pàgina web.
4. Layout HTML/CSS bàsic. (20%)
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.
5. Format d'entrega. (15%)