Accessible Text Links #1

Creating accessible text links with border-bottom, padding-bottom and a few hacks

At Litmus Live, London, 2017, in my session, Accessibility in Action, I talked about some of the recent techniques I’d been implementing in my email, Type E:, to make it more accessible — constructing it with <div>s instead of <table>s (with fallbacks for Microsoft Outlook) — using HTML5 semantic elements to define sections of content, like the <header>, the <nav> and the <footer> — and using border-bottom instead of text-decoration on text links.