Hallo.
Z.B., wenn ich mit einer 5em langen Linie (20 war etwas übertrieben) in einer Tabellenzelle symbolisieren will, dass es in dieser Spalten-Zeilenkombination kein Angebot oder keine Information gibt. Da ist
<hr class="noOffer" title="kein Angebot">
besser, als wenn mir ein Screenreader "GedankenstrichGedankenstrichGedankenstrichGedankenstrichGedankenstrich" vorliest.
Der Screenreader könnte auch einfach "kein Angebot" vorlesen, wenn er die semantisch korrekte Auszeichnung <p>kein Angebot</p>
vorfindet. Alles andere ist dann Sache des CSS.
MfG, at