..


Enllaços patrocinats

Usabilitat i accessibilitat en el disseny web

Arribem a una nota trista de l'obra d'un dissenyador de pàgines web, o fer la seva feina per tal d'ajustar a les regles de la "facilitat d'ús i de« accessibilitat, que no és una tasca fàcil i de vegades ingrata, però absolutament crucials.

Abans d'abordar els pros i els contres i veure el que les pautes a seguir per funcionar accessible i usable, tractem d'entendre què s'entén per accessibilitat i usabilitat d'un lloc web

  • Per facilitat d'ús es refereix al principi que un lloc ha de ser navegable només, o en els quals apareix el menú de famosos * pa ratllat i on la ** navegació real es preparin i ad hoc.
  • L'accessibilitat, però, no és un concepte un tant abstracte com la usabilitat, però hi ha regles concretes relacionades amb la gestió d'elements particulars de la plantilla de la pàgina, com els menús i enllaços d'*** general, les formes *** * i l'estructura real de la pàgina web en qüestió. En els dos capítols anteriors, per exemple, vam veure com crear un disseny amb taules i pisos, i hem dit que no els nivells, estilitzades amb CSS, només accelerarà la càrrega de la pàgina, però també és una tècnica la prova dels dispositius de navegador específic, com ara telèfons i PDAs i navegadors per a persones amb discapacitat.
* El menú de molles de pa és un exemple clàssic de la usabilitat en el qual veiem el camí lògic de la pàgina local, com en aquesta pàgina

Inici + Disseny Web + Disseny web + Guia d'estudi ...

i és molt útil per al'usuari "entendre on i com tornar."

I 'possible per aconseguir aquest tipus de menú amb les dues del costat del servidor o un script del costat del client que identifica la ubicació física dels arxius en el servidor web i crear la dinàmica, ja sigui a mà ... solució més pràctica i funcional per igual.

** La navegació d'un lloc en definir utilitzable, per exemple, l'element de menú corresponent a la pàgina actual segueix sent alguna cosa destacat.

Un exemple senzill en la secció Javascript Menu intel · ligent Una .

Una altra característica important dels menús de navegació que fan que un lloc és útil per afegir un quadre amb enllaços contextuals en funció de la secció del lloc on es trobi. Imagineu-vos un portal genèric ofereix tres serveis: en cadascuna de les seccions inclouen tots les baules de la secció específica dels membres, per tal de fer la navegació més fàcil i atractiu per l'usuari.

**** Gràcies a la clau d'accés (tecles d'accés) pot permetre a un usuari que no desitgi utilitzar el ratolí, que no té per alguna raó, el ​​ratolí, o una persona amb discapacitat per desplaçar-se a través del nostre menú de navegació només utilitzar la drecera de teclat per a la creació ad-hoc, o dreceres de teclat. Un exemple en la secció XHTML accés a un menú amb la clau d'accés .

***** A més, gràcies a la clau d'accés pot fer que un formulari HTML accessible per a un usuari que no té la capacitat d'utilitzar el ratolí. Un exemple en XHTML secció Accés a un formulari amb la clau d'accés .

Els conceptes d'accessibilitat i disseny de pàgines web, mirant cap al futur, estan indissolublement lligats al concepte de XHTML o HTML d'extensió fet valer en tots els aspectes. Vostè pot llegir la guia d'XHTML al nostre lloc web per corregir tots els defectes de l'HTML d'edat.

En conclusió, dir que ser capaç de seguir aquestes pautes en relació amb la creació d'un disseny agradable i professional vol dir que vostè va fer una bona feina, un dissenyador professional de veritat!

Guia de disseny de Web
E-Learning
Curs de CSS Curs de CSS
Disseny Web i d'accessibilitat d'acord amb W3C CSS i XHTML. A partir de 29 €.
Curs de Disseny Web Curs de Disseny Web
Llocs de disseny web amb HTML, CSS i HTML dinàmic. A partir de 39 €.
Curs avançat de Webmaster Curs avançat de Webmaster
Convertir-se en un professional Webmaster. A partir de 39 €.
Enllaços patrocinats