UI Dev Newsletter Issue #19
In this issue: inaccessible web elements, underlines, skip nav links, and more.
5 most annoying website I face as a blind person every single day
Holly Tuke describes the five most annoying inaccessible web elements she faces as a blind screen reader user every day and how to fix them.
A CSS-only, animated, wrapping underline
Nicky Meuleman explains in detail how to create eye-catching, animated link underlines using only CSS.
Create a line break while maintaining inline status
Andy Bell shows how to create a line break after an inline element while retaining that inline element’s inline status using pseudo-element magic.
Link:
https://piccalil.li/quick-tip/create-a-line-break-while-maintaining-inline-status/Offering Options for mailto: and tel: Links
Chris Coyier introduces the mailgo JavaScript library which displays popup when you click on mailto or tel links with some useful options.
Highlighting great user experiences on the mobile web
New Chrome will display the “Fast Page” label on mobile for pages that have optimized against web performance metrics that are most representative of a user’s overall experience.
5 lessons from 50 days of CSS art
Suzanne Aitchison shares findings of CSS during her project of creating CSS art pieces.
Why "Skip Nav" Link is important!
Raja Jaganathan shows how to use and create a “Skip Nav” link.
Capture node screenshots via Elements panel context menu
Google Chrome allows you to take a screenshot of an element by right-clicking the element and select “Capture node screenshot”.