Los separadores de sección son un recurso editorial habitual para indicar un cambio de escena, un salto temporal o una transición temática dentro de un capítulo. En el diseño impreso, suelen representarse como líneas horizontales, ornamentos tipográficos, espacios en blanco ampliados o asteriscos centrados. En el formato digital, la forma en que se implementen estos separadores determina si las tecnologías de asistencia los interpretan correctamente.
El elemento HTML hr (horizontal rule) es la forma semántica de marcar una separación temática dentro de una sección. Cuando un lector de pantalla encuentra un elemento hr, anuncia un «separador» o «línea horizontal», informando al usuario de que se produce un cambio de sección o tema. Si en lugar de utilizar hr, el separador se implementa como una imagen decorativa, como una serie de caracteres (asteriscos, guiones) o como un espacio en blanco generado mediante márgenes CSS, la tecnología de asistencia no tiene forma de identificar la transición.
Las imágenes decorativas utilizadas como separadores deben marcarse con un atributo alt vacío (alt="") y role="presentation" para que las tecnologías de asistencia las ignoren. Si además se desea que el lector de pantalla anuncie la separación, puede añadirse un elemento hr oculto visualmente pero accesible en el marcado. Esta combinación permite mantener el diseño visual deseado sin sacrificar la información semántica.
En EPUB, la especificación reconoce el valor semántico de epub:type="separator" para marcar estos elementos de forma explícita. Combinar el elemento hr con esta marca semántica proporciona la información más completa tanto para las tecnologías de asistencia como para los sistemas de lectura que interpretan el vocabulario EPUB.
Fuentes: