Better (more accessible) active link styling | Go Make Things
https://gomakethings.com/better-more-accessible-active-link-styling/
Until this morning, I always styled the current link in my navigation menu by doing this.
.nav .active a { border-bottom: 0.125em solid #fa7176; color: #272727; } It gives users a clear visual indication that “you are here.”
Well… sighted users, that is. If you’re visually impaired or use a screen reader to navigate the web, it tells you nothing.