Estructura de la nostra pàgina

Disseny

  • Les pàgines de la nostra web tan sols disposen d’una sola columna (és a dir, tots els elements ocupen tota l’amplada de la pantalla) i és es componen:

Aquí tractarem dels elements fixos.

Capçalera de pàgina

  • Elements:
    • Una imatge de fons amb un text descriptiu de la web amb lletra blanca i fons molt fosc.
    • Dins d’aquesta imatge hi ha un altre més petita a la banda esquerra amb el logotip de la Fundació COAATT enllaçada a la nostra pàgina d’inici. Aquest és el primer enllaç de totes les pàgines.
    • Un menú principal, amb fons gris fosc i lletra blanca, per poder anar a les seccions principals de la web:
    • Menú d’idiomes, generat per Google que funciona tal com expliquem a la nostra pàgina d’Idiomes.
  • Amb Ctrl+Inicio es va al principi de la pàgina, però el focus se situa a un enllaç especial, que tan sols apareix en aquest cas, denominat “Saltar al contingut” que permet anar a l’inici del contingut de la pàgina en el cos central.

Peu de pàgina

  • Es compon d’una sola línia de lletres negres amb fons blanc, separada del cos central per una ratlla horitzontal.
  • Elements:
    • Enllaç a la pàgina de contacte amb el títol: Grup de Treball “Tecnologia Oberta”.
    • Un petit separador vertical.
    • Enllaç a WordPress.org, tribut necessari com agraïment per poder fer servir gratuïtament aquest programa CMS per construir aquest web, amb el títol: Potenciat per WordPress.
    • Un petit separador vertical.
    • Un text en agraïment pel tema (estètica) que fem servir a la web: Theme: blogsixteen.
    • Un petit separador vertical.
    • Un enllaç a la guia d’accessibilitat ràpida perquè sigui accessible polsant Ctrl+Fi des de qualsevol pàgina. Porta el títol: Guia d’accessibilitat, encara que el NVDA en aquest moment (Març 2018) no diu el nom sencer de l’enllaç, sinó que diu tan sols “d’accessibilitat”.