En aquest tema, explorarem el principi de "Robustesa" en el context de l'accessibilitat web. La robustesa es refereix a la capacitat del contingut web per ser interpretat de manera fiable per una àmplia gamma de tecnologies, incloent-hi navegadors, dispositius i tecnologies assistencials, tant actuals com futures.

• Comprendre la importància de la robustesa en l'accessibilitat web.
• Aprendre a assegurar que el contingut web sigui compatible amb diverses tecnologies.
• Identificar pràctiques recomanades per mantenir la compatibilitat futura.

• Interoperabilitat: El contingut web ha de funcionar correctament en diferents navegadors i dispositius.
• Compatibilitat amb Tecnologies Assistencials: Assegurar que les tecnologies assistencials puguin interpretar i interactuar amb el contingut.
• Preparació per al Futur: Utilitzar estàndards i pràctiques que permetin que el contingut sigui accessible amb tecnologies futures.

2.1. Ús de Codi Semàntic

• HTML Semàntic: Utilitzar etiquetes HTML adequades per descriure el contingut. Per exemple, <header>, <nav>, <article>, i <footer>.

  <article>
    <header>
      <h1>Títol de l'Article</h1>
    </header>
    <p>Contingut de l'article...</p>
  </article>
  

• Evitar l'ús excessiu de div i span: Utilitzar etiquetes semàntiques en lloc de div i span per a estructurar el contingut.

2.2. Validació del Codi

• Validadors de Codi: Utilitzar eines com el W3C Markup Validation Service per assegurar que el codi HTML i CSS sigui vàlid i segueixi els estàndards.

2.3. Ús Adequat d'ARIA

• ARIA (Accessible Rich Internet Applications): Utilitzar ARIA per millorar l'accessibilitat, però només quan sigui necessari i de manera correcta.

  <button aria-label="Tanca el diàleg">X</button>
  

• Evitar l'ús excessiu d'ARIA: No utilitzar ARIA per substituir etiquetes HTML semàntiques.

• Adopció d'Estàndards: Seguir les directrius i estàndards establerts per organitzacions com el W3C.
• Actualització Regular: Mantenir el codi actualitzat amb les últimes pràctiques i tecnologies.

Objectiu: Crear una pàgina HTML semàntica i validar-la.

1. Crea una pàgina HTML que inclogui un article amb un títol, un paràgraf i un enllaç.
2. Utilitza etiquetes semàntiques per estructurar el contingut.
3. Valida el codi utilitzant el W3C Markup Validation Service.

La robustesa és un principi fonamental per assegurar que el contingut web sigui accessible i usable per a tothom, independentment de la tecnologia que utilitzin. Mitjançant l'ús de codi semàntic, la validació del codi i l'adopció d'estàndards, podem garantir que el nostre contingut sigui compatible amb les tecnologies actuals i futures. En el proper tema, explorarem com implementar l'accessibilitat en HTML i CSS.