accesskey_mod_content

Estructura i presentació

Un text ocult pot ser accessible de diferents formes, depenent de quin és la finalitat del text i el motiu pel qual s'oculta.

Així, un text que es desitja ocultar perquè no aparegui en la presentació visual de la pàgina però que segueixi estant disponible per als lectors de pantalla i altres productes de suport haurà d'ocultar-se usant una tècnica de CSS compatible amb aquests productes de suport.

 Per exemple, en lloc d'usar display:none es pot usar una tècnica de posicionament absolut fora dels marges de la pantalla.

Exemple de codi CSS

.ocult {
 position:absolute;
 left:-9999px;
 overflow:hidden;

 Aquesta tècnica és apropiada, per exemple, quan s'inclogui a la pàgina informació o continguts específics per a usuaris de lectors de pantalla o productes de suport. Per exemple, certa informació d'ajuda o el text complet i descriptiu dels enllaços que visualment segueixen un patró similar (de l'estil “llegir més”, “més informació”, etc.).
 

D'altra banda, si la finalitat és ocultar el text per a tots els usuaris llavors es podrà eliminar del contingut de la pàgina (del DOM) mitjançant Javascript, CSS (display:none) o una combinació de tots dos. Aquesta tècnica és apropiada, per exemple, en menús o altres continguts desplegables ja que en ocultar part del contingut es pretén facilitar l'ús de la pàgina en limitar la informació mostrada als usuaris a cada moment. En aquest cas, és apropiat també que aquesta informació també pugui ser ignorada pels lectors de pantalla i altres productes de suport, facilitant-los així el saltar o ignorar blocs de contingut.

Si s'utilitza el color com a únic mitjà per transmetre informació, usuaris amb limitacions visuals basades en la percepció del color (com per exemple, la dicromacia) no percebran correctament aquesta informació. Si utilitzem altres mitjans a més del color, cobrim totes les necessitats de l'usuari independentment de les seves limitacions.

Per exemple, en el cas dels vincles, per diferenciar-los d'un text normal, és comú l'ús de l'estil subratllat com a complement al color blau.

En el cas de gràfics de barres o sectors que mostren diferents seccions i/o valors associats a un color, s'ha de complementar amb un rayado o trama únic per a cada secció o valor.

No es poden emprar elements de presentació si s'usen com a únic mitjà per transmetre informació o estructura. Tota la informació, estructura i relacions del contingut transmeses a través de la presentació ha de proporcionar-se també mitjançant elements estructurals i semàntics.

Així, per exemple, per emfatitzar un text s'han d'utilitzar els elements STRONG o EM, per marcar encapçalats els elements H1-H6 o per marcar cites els elements Q o BLOCKQUOTE en lloc d'usar elements de presentació com FONT, B o I que únicament transmeten informació visual. Per aplicar o modificar l'estil visual d'aquests elements estructurals i semàntics s'hauran d'utilitzar les fulles d'estil.

No, ja que l'enllaç no seria descriptiu només amb la icona. S'ha de proporcionar un text que descrigui l'arxiu a descarregar (indicant per exemple el títol), i afegir com a part de l'enllaç la icona representativa del tipus d'arxiu, indicant com a alternativa textual de la imatge el format de l'arxiu.

És possible usar taules per maquetar sempre que linearizen correctament. És a dir, si l'ordre de lectura del contingut de la taula és l'adequat. L'ordre de lectura es correspon normalment amb l'ordre del contingut de la taula en el codi de la pàgina. Així mateix, les taules de maquetació no podran fer ús de cap element o atribut propi de taules de dades (per exemple, TH, CAPTION, summary, scope, headers, etc.).

D'igual manera, és possible utilitzar marcs o marcs en línia per maquetar les pàgines d'un lloc web, només si cada marc té un títol concorde al seu contingut

No obstant això, i encara que no estigui prohibit, sí està desaconsellat l'ús tant de taules com de marcs per maquetar les pàgines, per el cost que suposa el manteniment d'un lloc web construït amb qualsevol d'aquests dos tipus d'elements en trencar amb el principi de separació de contingut i presentació.

Maquetar una pàgina mitjançant fulles d'estil té enormes avantatges, entre les quals podem citar:

  • Facilita el redissenyo de les pàgines.
  • No és necessari canviar el contingut per mostrar-ho en dispositius diferents.
  • Disminueix el temps de càrrega de les pàgines.
  • L'usuari pot canviar la presentació segons els seus gustos o necessitats.

En resum, l'ús de fulles d'estil per maquetar millora l'accessibilitat.

Subscriu-te al canal de youtube de l'OBSAE
Subscriu-te al canal de youtube de l'OBSAE