Les tecnologies d’assistència als usuaris amb dificultats visuals llegeixen les pàgines web a partir del codi font, de l’HTML. Un codi que no estigui ben estructurat i dotat de la semàntica adequada pot fer que el contingut de la pàgina sigui incomprensible per a aquests usuaris.

La semàntica fa referència al significat de cada element que conforma la pàgina web.

Per exemple, en el cas de les llistes, als editors de text com Microsoft Word o Pages, en començar un text amb un guionet, quan fem retorn, crea un llistat i la següent línia ja conté un guionet al començament. A la codificació que hi ha darrera d’aquest text, s’ha creat un element llista: semànticament, aquell conjunt de línies és una llista.

A l’editor de continguts web CKeditor, si no indiquem que estem creant una llista, a la codificació HTML que hi ha darrera d’aquest text no es crea un element llista. El conjunt de línies no és semànticament una llista. Això perjudica als usuaris que utilitzen lectors de pantalla. Els usuaris que naveguen per una pàgina amb la vista, veuran els guionets, que ens indiquen que estem davant d’una llista, però els usuaris amb lector de pantalla, que interpreten el codi HTML darrera de la pàgina, no.

Per tal que tothom pugui interpretar un llistat com a tal (o qualsevol altre element), cal utilitzar les opcions corresponents de l’editor CKeditor.

Opcions de marcatge semàntic de l’editor CKeditor al Portal Web de la UAB: negreta, itàlica, subíndex, superíndex, llista ordenada, llista sense ordre, cita, imatge, taula i símbol.