Re: Underline vs. bottom border

Hi Amy.

I also think like the others, that there are no or minor ally issues with border-bottom, but: it’s really ugly in comparison to underline. While I think you are looking for a more beautiful solution. Maybe you/ your developers haven’t heard about the new possibilities of underine-styling yet?!?

Here is a video from mozilla about the possibilities: https://www.youtube.com/watch?v=sZS-7RX_c7g. Especially text-decoration-color already has pretty good browser support.

In the sense of progressive enhancement I would go for this native solution instead of a hack like border-bottom, outline, background-gradient acrobatics or whatever…

Marc


Am 04.01.2021 um 16:37 schrieb Pearson, Amy <apearson@apa.org<mailto:apearson@apa.org>>:

Happy New Year, everyone.

I was hoping you could provide some insight regarding the treatment/coding of underlined links…

We currently use text-decoration: underline to underline links in body text. However, we are considering changing this to use a border-bottom treatment instead (plus a little padding so the line is slightly lower than the standard underline).

Are there any negative ramifications to using the padding-bottom with assistive technologies? I have seen some demos where users can adjust how different elements appear on the page and want to make sure we’re not going to do anything that would override or interfere with that.

Thank you for your expertise on this! -amy

__________________________________________________________
Amy Pearson | Manager, UX Optimization and Compliance
Digital Strategy & Services, Communications
American Psychological Association
750 First Street NE, Washington DC 20002
apearson@apa.org<mailto:apearson@apa.org>

All APA staff are teleworking until further notice and are experiencing a high volume of inquiries related to COVID-19. For immediate information and resources, visit APA's COVID-19 page<https://www.apa.org/topics/covid-19> for psychologists, health-care workers, and the public.