Addaw, anar a la pàgina d'inici Donar

Nivell 3: Desenvolupament web accessible · Desenvolupament web

N3-C1 HTML semàntic i estructura

L'HTML és la capa on es guanya o es perd la major part de l'accessibilitat. Aquest curs explica com el navegador construeix l'arbre d'accessibilitat i calcula el nom accessible, i com estructurar pàgines amb landmarks, encapçalaments, llistes, semàntica del text i taules que qualsevol tecnologia de suport entengui. Després ho aplica a plantilles reals, a l'orientació dins del lloc web, al títol, l'idioma i l'ordre del codi, i als errors de marcatge que trenquen l'accessibilitat en silenci.

  • 10 lliçons
  • 1 vídeo amb subtítols
  • 2 infografies
  • 123 minuts
  • 10 exercicis pràctics
  • Test de pràctica il·limitat

Contingut revisat el 26/10/2026 · Historial d'actualitzacions · Com s'elabora i s'avalua

Objectius

  • En acabar sabràs explicar què és l'arbre d'accessibilitat i com es calcula el nom accessible d'un element.
  • Estructuraràs pàgines amb landmarks, encapçalaments i llistes correctes d'acord amb els criteris 1.3.1, 2.4.1, 2.4.6 i 2.4.10.
  • Triaràs els elements de text adequats (èmfasi, cites, sigles, dates, figures) i sabràs quan un significat s'ha d'expressar també amb paraules.
  • Marcaràs taules de dades simples i complexes amb th, scope, caption i headers de manera que un lector de pantalla les llegeixi bé.
  • Aplicaràs patrons d'estructura a plantilles de portada, llistat, fitxa i article, inclosos els marcs incrustats amb títol.
  • Implementaràs fils d'Ariadna, paginació, cercador i mapa web d'acord amb 2.4.5, 2.4.8, 3.2.3 i 3.2.6.
  • Aplicaràs correctament el títol de pàgina, l'idioma i l'ordre del DOM (2.4.2, 3.1.1, 3.1.2, 1.3.2) i sabràs comprovar-los amb les eines del navegador.
  • Detectaràs i corregiràs identificadors duplicats, imbricacions no vàlides i atributs erronis, i coneixeràs la situació de 4.1.1 Processament a les WCAG 2.2.

El curs, pas a pas

El curs és guiat: després de cada lliçó fas un test curt i, quan toca, un o diversos exercicis pràctics amb una pàgina real per revisar. Quan els superes, s'obre el pas següent.

Totes les lliçons es poden llegir lliurement. Per fer els tests i els exercicis pràctics, desar el teu progrés i optar a l'examen i al certificat, matricula't.

0 de 20 passos completats
  1. Lliçó 1: Presentació del curs en vídeo Vídeo · 4:15 · subtitulat + test de 3 preguntes · Lectura lliure
  2. Lliçó 2: Semàntica: per què importa; arbre d'accessibilitat i nom accessible Lectura · 11 min + test de 3 preguntes · Lectura lliure
  3. Exercici pràctic: La capçalera d'una papereria en línia amb controls d'icona Pàgina real per revisar · dificultat bàsica · Cal matricular-se
  4. Lliçó 3: Landmarks, encapçalaments, llistes i regions Lectura · 11 min + test de 3 preguntes · Lectura lliure
  5. Exercici pràctic: La fitxa de l'ajuda per al menjador escolar d'un ajuntament Pàgina real per revisar · dificultat bàsica · Cal matricular-se
  6. Exercici pràctic: La pàgina de serveis d'un centre de dia per a gent gran Pàgina real per revisar · dificultat bàsica · Cal matricular-se
  7. Exercici pràctic: Les regions de la pàgina de visita d'un museu Pàgina real per revisar · dificultat mitjana · Cal matricular-se
  8. Lliçó 4: Semàntica del text: èmfasi, cites, abreviatures, dates i figures Lectura · 14 min + test de 3 preguntes · Lectura lliure
  9. Exercici pràctic: La correcció d'errors d'unes bases de beques de transport Pàgina real per revisar · dificultat mitjana · Cal matricular-se
  10. Lliçó 5: Taules de dades accessibles Lectura · 10 min + test de 3 preguntes · Lectura lliure
  11. Exercici pràctic: La taula de tarifes per trams d'una empresa municipal d'aigües Pàgina real per revisar · dificultat mitjana · Cal matricular-se
  12. Exercici pràctic: La taula de persones ateses per canal i semestre en una memòria anual Pàgina real per revisar · dificultat alta · Cal matricular-se
  13. Lliçó 6: Patrons d'estructura per a pàgines reals: portada, llistats, fitxes i articles Lectura · 12 min · infografia + test de 3 preguntes · Lectura lliure
  14. Lliçó 7: Orientació al lloc web: fil d'Ariadna, paginació, cercador i mapa web Lectura · 12 min + test de 3 preguntes · Lectura lliure
  15. Exercici pràctic: El fil d'Ariadna i la paginació del llistat de notícies d'una mancomunitat Pàgina real per revisar · dificultat mitjana · Cal matricular-se
  16. Lliçó 8: Títol de pàgina, idioma, metadades i ordre del DOM Lectura · 11 min + test de 3 preguntes · Lectura lliure
  17. Exercici pràctic: La fitxa de la targeta de transport jove d'un consorci comarcal Pàgina real per revisar · dificultat alta · Cal matricular-se
  18. Lliçó 9: HTML vàlid i robust: identificadors, imbricació i la fi del 4.1.1 Lectura · 12 min + test de 3 preguntes · Lectura lliure
  19. Exercici pràctic: Les targetes d'esdeveniments d'una agenda cultural municipal Pàgina real per revisar · dificultat alta · Cal matricular-se
  20. Lliçó 10: Cas pràctic, exercicis i llista de comprovació Cas pràctic · 25 min + test de 3 preguntes · Lectura lliure