dijous, 27 de novembre del 2008

Com validar l'accessibilitat d'un lloc web: bones pràctiques


Font: Rough Draft


Revisió automàtica

  1. Es recomana validar l’accessibilitat de forma automàtica amb, com a mínim, dos validadors diferents, com per exemple TAW i HERA
  2. Per Firefox existeix una extensió del TAW on es pot validar l’accessibilitat d’un lloc web amb només un clic. Extensió TAW pel Firefox

    Validador d'accessibilitat HERA

    Validador d'accessibilitat TAW

  3. Revisar el codi HTML o XHTML de la pàgina. Validador codi
  4. Revisar el codi CSS de la pàgina. Validador CSS
  5. Navegar per la pàgina amb connexions lentes per comprovar quan de temps triga en descarregar-se la pàgina. Per comprovar el grau de càrrega del web es pot utilitzar la següent eina: PingDom

Revisió manual

Revisar manualment els problemes d’accessibilitat que no poden comprovar els validadors automàtics.
  1. Textos alternatius de les imatges, un validador automàtic ens informarà només de si hi són o no, però manualment es pot comprovar si el text alternatiu es suficientment descriptiu i vàlid.
  2. Provar i navegar per la pàgina amb diferents navegadors i versions, també navegadors de només text o navegadors de veu, des de diversos sistemes operatius, i des de diferents tipus de màquines (telèfons mòbils, PDA’s).
  3. Revisar l’ús del color en la pàgina. Aquest és un altre punt de revisió manual, cal revisar el contrast entre el fons i el text, comprovar que no s’utilitzen color per donar informació, ect.
  4. Navegar per la pàgina amb les imatges deshabilitades.
  5. Navegar per la pàgina amb el so desconnectat.
  6. Navegar per la pàgina amb el Javascript deshabilitat.
  7. Navegar per la pàgina amb els applets de Java deshabilitats.
  8. Navegar per la pàgina amb el CSS deshabilitat.
  9. Navegar per la pàgina només amb el teclat (navegació tabular).
  10. Navegar per la pàgina amb ordinadors vells.
S’aconsella la instal·lació per Firefox de la barra d’eines Web Developer Toolbar
Demanar a persones amb diferents problemes de discapacitat que naveguin per la pàgina, d’aquesta manera podrem comprovar de veritat si la tasca que hem dut a terme és vàlida.
Read more ...

Recursos Vol. 2: Utilitats que ofereix Google

Font: Ambrosia

Algunes utilitats interessants del Google:

Sketchup
Per modelar en 3D, gratuït online

Docs Google
El Google docs ens permet crear online qualsevol document .doc .xls .pdf etc etc guardar-lo al ciberespai, descarregar-lo al nostre pc....

Code Google
És una enciclopèdia oberta y biblioteca de referència sobre el mundillo web.

Si us interessa més coses del Google
  • Gmail: Potser el millor gestor de correu web que existeix
  • Picasa: Àlbums de fotos
  • Talk: El xat de Google
  • Desktop: per fer cerques en el teu ordinador amb la mateixa rapidesa que ho fas amb google
  • Google Chrome: Navegador web
Eines per a webmasters de Google
Read more ...

Recursos Vol. 1: Eines online per a dissenyadors

Hola què tal, benvinguts als recursos

Font: Sunday Morning Garage Sale

ColorBlender: Eina gratuita i online per cercar i crear paletes de colors

QuickRibbon: Generador online de cintes

Flip Title: és una eina online que ens permet escriure un texte cap per avall.
Qualsevol cosa que escriguis es veurà al revés, és molt fàcil de fer anar.
Curiós i recomanable.

Pixlr: és una eina gratuïta online que ens permet la edició de imatges, que pots carregar a l'aplicació des de una URL o des del teu ordinador.
Aquesta aplicació està feta amb flash però no triga gens en carregar i permet treballar amb múltiples imatges sense que l'aplicació es ralentitzi.
Es necesssita el plug in de Flash per fer-la anar.

Fresh Generator: és una generador online de gràfics estil 2.0.

3d-pack: és una aplicació online que ens permet, a partir de imatges que nosaltres mateixos pujem, crear caixes en 3d-box cd-box dvd-box 3d-dvd.
Curiós

Web Graphics Maker: és una aplicació online que ens permet crear grafics com backgrounds, línies, botons, etc. per web.


Vector Magic: eina online que transforma en vector qualsevol imatge.
Read more ...

dissabte, 22 de novembre del 2008

Criteris per avaluar un projecte

Criteris per avaluar un projecte

Una petita guia a l'hora d'enfrontar-se amb un projecte nou

Investigació de l’usuari: investigar el comportament dels usuaris, com pensen, quines preferències tenen, aspectes socials, tecnològics, etc. Aquesta informació s’usarà per a construir un lloc web orientat a ells.

Objectius del web: definir els objectius del nou web.

Definició de la solució tecnològica: definir quines tecnologies s’usaran per a construir el lloc.

Definició dels continguts: identificar quins continguts són de interès per a l’usuari i quin és el millor format per a representar-lo.

Arquitectura de la informació i interacció: definir l’arquitectura de la informació i la navegació.

Disseny gràfic: realitzar el disseny gràfic (portada, interiors, llistats, estils...).

Programació: desenvolupar el lloc web.

Generació de contingut: definir qui serà el responsable de generar els continguts un cop el lloc web sigui públic.

Gestió del projecte: La gestió del projecte és un punt que és vigent durant tot el desenvolupament.

Read more ...

divendres, 21 de novembre del 2008

Recursos i serveis web gratuïts que ofereixen altres webs. Vol. 1

Hola que tal, us presento una petita cerca sobre serveis web o mashups: es tracta de la creació d’un lloc web o aplicació que utilitza continguts de més d’una font per a crear un nou servei complet.
Per a que sigui útil i rentable cal afegir valor més enllà del que ofereixi el propi servei (o API).
Així dons ens trobem exemples com Panoramio que amés dels mapes ofereix la possibilitat de geoposicionar les imatges.
My Strands.TV utilitza els vídeos de Youtube però el seu valor és el sistema de recomanacions.


Aspectes legals a tenir en compte
A Espanya cal tenir en compte la la LOPD i la LSSI-CE. També hi ha continguts que la seva distribució és legal al país proveïdor de l’API, però no al país on s’està construint l’aplicació.

Serveis que podem trobar
  • Mapes
  • Viatges
  • Fotos
  • RSS
  • Compres
  • Vídeos
  • Notícies
Continuarà...
Read more ...