< Back to Demos | Learn more at PaulJAdam.com >

Underlines

Default U tags for underlined text.

antecedent
The word a pronoun refers to: Jonah, who is not yet ten, has already chosen the college he will attend. (Jonah is the antecedent of the pronouns who and he.)

Screen reader hacks to speak the underlined text.

CSS u::after {content: attr(data-srtxt);}

antecedent
The word a pronoun refers to: Jonah, who is not yet ten, has already chosen the college he will attend. (Jonah is the antecedent of the pronouns who and he.)

aria-label on a disabled link

antecedent
The word a pronoun refers to: Jonah, who is not yet ten, has already chosen the college he will attend. (Jonah is the antecedent of the pronouns who and he.)

Details Summary explains what is underlined to all users.

antecedent
The word a pronoun refers to: Jonah, who is not yet ten, has already chosen the college he will attend. (Jonah is the antecedent of the pronouns who and he.)
Underlined text "Jonah", "who", and "he" are underlined.

Details Summary explains what is underlined to screen reader users only.

antecedent
The word a pronoun refers to: Jonah, who is not yet ten, has already chosen the college he will attend. (Jonah is the antecedent of the pronouns who and he.)
Underlined text "Jonah", "who", and "he" are underlined.