Re: Underline vs. bottom border

Hi Amy,

Personal opinions here, but should you go that route I will suggest the
following:

   1. ensure the 'border-width' (stroke-weight) is at least 2 or 3 px wide,
   2. ensure that the color contrast of that bottom-border meets the 3:1
   color-contrast requirements

Outside of that, this is not an uncommon technique AFAIK.

JF

On Mon, Jan 4, 2021 at 10:37 AM Pearson, Amy <apearson@apa.org> wrote:

> 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
>
>
>
> *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.*
>
>
>


-- 
*​John Foliot* | Principal Accessibility Specialist
Deque Systems - Accessibility for Good
deque.com
"I made this so long because I did not have time to make it shorter." -
Pascal "links go places, buttons do things"