docs.argus [ARGUS.net Tecnologia Creativa] | Els estàndards web // Argus.net Tecnologia Creativa

Els estàndards web, molt més que disseny sense taules

per RAMON GIL

13 de DESEMBRE 2004

Els estàndards web és un concepte que sovint té significats ben diferents. Per a alguns, significa llocs web 'table-free' o disseny sense taules, mentre que per a uns altres significa 'està utilitzant codi vàlid'. No obstant això, els estàndards web van molt més enllà. Un lloc web construït amb estàndards ha d'emprar necessàriament: HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG, etc i ha de perseguir les millors pràctiques: codi vàlid, codi accessible, codi semàntic correcte, URLs d'ús fàcil, etc. És a dir, un lloc construït amb estàndards idealment ha de ser un lloc poc pesat, net, estructurat en CSS, accessible, usable i "amical" amb els motors cerca com ara "google".

Llavors com podem entendre, l'abast i les implicacions dels estàndars web?

Moltes preguntes... poques respostes?

Una primera aproximació és intentar respondre des del punt de vista d'aquells que estem immersos en aquest univers del desenvolupament web. Res millor que una bateria de preguntes que mereixen una resposta afirmativa per saber si ja som dins del sac, si hi volem ser-hi o què ens suposarà voler ser-hi.

1. Qualitat del codi
   1. El lloc utilitza un Doctype correcte?
   2. El lloc utilitza un joc de caràcters?
   3. El lloc utilitza vàlid (X)HTML?
   4. El lloc utilitza vàlid CSS ?
   5. El lloc utilitza algun tipus de CSS "hacks"?
   6. El lloc utilitza classes o identificadors innecessàris?
   7. El codi està ben estructurat?
   8. El lloc té links trencats?
   9. Com es comporta el lloc en termes de la relació grandària / velocitat de la plana?
   10. El lloc té errors del Javascript?
2. Grau de la separació entre el contingut i la presentació
   1. El lloc utilitza el CSS per a tots els aspectes de la presentació (fonts, color, "padding", vores, etc)?
   2. Estan totes les imatges decoratives en el CSS, o apareixen en l'(X)HTML?
3. Accessibilitat per als usuaris
   1. S'empra l'atribut "alt" per a totes les imatges descriptives?
   2. El lloc utilitza unitats relatives més que no pas unitats absolutes per a la grandària del text?
   3. Hi ha aspectes de la disposició que es trenquen si s'augmenta la grandària de la font?
   4. El lloc utilitza menús de drecera visibles?
   5. El lloc utilitza formularis accessibles?
   6. El lloc utilitza les taules accessibles?
   7. Hi ha el suficient contrast de color i intensitat?
   8. Es fa servir un color únic per a la informació crítica?
   9. Tots els links són descriptius?
4. Accessibilitat per als dispositius
   1. El lloc funciona de manera acceptable tant en browsers moderns com en de més vells?
   2. El contingut és accessible amb el CSS desactivat o en cas que el navegador no el suporti?
   3. El contingut és accessible amb les imatges desactivades o en cas que el navegador no les suporti?
   4. El lloc funciona en browsers de text tals com ara el "Lynx"?
   5. El lloc funciona bé quan està imprès?
   6. El lloc funciona bé amb dispositius tipus PDA?
   7. El lloc inclou metadades detallades?
   8. El lloc funciona bé en diferents ressolucions de pantalla?
5. Usabilitat Bàsica
   1. Hi ha una jerarquia visual clara?
   2. Els diferents nivells de titulars són fàcils de distingir?
   3. El lloc té una navegació fàcil d'entendre?
   4. El lloc utilitza un sistema de navegació consistent?
   5. Se subratllen els links?
   6. El lloc utilitza un llenguatge consistent i apropiat?
   7. Disposa d'una pàgina "sitemap" i de contacte? Són fàcils de trobar?
   8. Per als llocs grans, hi ha alguna eina de recerca?
   9. Hi ha links a la Pàgina d'Inici a totes i cadascuna de les pàgines del site?
   10. Els links visitats es defineixen clarament amb un color únic?
6. Gestió del site
   1. El lloc té una pàgina d'errors 404 útil i intel·ligible que funcioni des de qualsevol punt de profunditat del site?
   2. El lloc utilitza URLs amistoses?
   3. Les URLs funcionen sense "WWW"?
   4. El lloc té un favicon?

Massa preguntes, massa dubtes. Potser sí. D'acord. Prenguem el llistat anterior com una simple guia que ens pot ajudar a replantejar la nostra manera d'entendre la creació en la Web, i tornem al punt de partida fent-nos la pregunta d'una altra manera: quins són els principals beneficis dels estàndards web?.

Estàndards web igual a... beneficis, beneficis i beneficis

L'adopció dels estàndards web en el desenvolupament de projectes

1. Disminueix el cost de desenvolupament. L'estricte separació de contingut i presentació permet:
   • Major capacitat de maniobra i canvi en les fases inicials del projecte
   • Major capacitat de maniobra i canvi en processos de redisseny
   Ja que en essència un sol fitxer CSS té control sobre la totalitat del site.
2. Disminueix el cost de manteniment. El codi d'un web creat amb estàndards és net, concís i clar. Per tant, un web creat amb estàndards incorpora per defecte la flexibilitat necessària per al creixement i el canvi.
3. Disminueix el cost d'hostalatge. Estudis recents demostren que el disseny basat en CSS redueix entre un 25 i un 50% el pes de les pàgines, repercutint directament sobre el cost de l'ample de banda i sobre l'experiència d'usuari ja que les pàgines es carreguen més ràpidament.
4. Amplia el nombre i la tipologia d'usuaris. Si un lloc web és conforme a l'accessibilitat i als estàndards i les pautes de la internacionalització, estarà automàticament disponible per a audiències prèviament ignorades.
5. Incrementa el perfil professional dels implicats. Malgrat pot suposar augmentar les despeses d'explotació en el curt termini, l'adopció dels estàndards web equival a dir als nostres clients: que creiem que la informació ha d'estar a disposició de qualsevol persona sense importar les tecnologies que hagi decidit emprar o sota quines circumstàncies hi accedeix -- tenim cura de cadascuna de les seves experiències.

Emprar els estàndards web no és solament la millor pràctica d'ètica corporativa, sinó tambè és la millor manera d'ampliar les oportunitats per construir una base de clients més gran i més lleial.

Més informació

Els nostres projectes web, siguin claus en mà o associats a algun punt del cicle de vida, són necessàriament usables, accessibles doble A, com per exemple Dona Badalona o l'Ajuntament de Lliçà d'Amunt, i utilitzen els estàndards XHTML i CSS per a l'estructuració i organització de la informació i per a la seva presentació visual. A més, la seva producció se sosté en la nostra plataforma tecnològica 100% java i 100% web, eGestió, i el seu avançat mòdul de creació, gestió i manteniment de sites, eGestió CMS.

• The Web Standards Project
• World Wide Web Consortium
• Web Standards Group
• Web Standards Awards

argus.net |  email.argus |  rss2.argus

Argus Tecnologia Creativa
T. +34 932 92 41 00
info@argus.net
Avinguda Marquès de Comillas, 13 (Poble Espanyol)
08038 Barcelona