== Issue
While reading an article, if a user taps a bluelink in an article, the link turns yellow to show responsiveness. This is a accessibility feature as well as critical feedback. This feedback is missing on iOS devices. This is a regression or a change on iOS's part that we need accommodate
== Steps to reproduce
- Go to an article using iPhone (touch device) using safari or chrome
- Tap on any blue link
- The new article opens without any feedback that you have tapped a link, doesn't tell you which link you have tapped
{F14027561}
example - no visible tap feedback
== Happening on
- iPhone X / iOS 11.0.1
- MobileFrontend
- Latest mobile safari
- Latest chrome browser
- Wikipedia native iOS app
== Earlier expected behaviour
- The link should turn yellow as soon as touchdown event is triggered
You can check how it should behave on Android devices. this is confirmed to be working on android
{F13956405}
== New expected behaviour
Use -webkit-tap-highlight-color property for <a> tags on articles
~~Value for the color `#F5A623 at alpha 20 ` or `rgba(245,166,35,0.2)`~~
we will be just removing the transparent property and let the browser decide the default color. on iOS the color is black with opacity.
Mock
{F13974080}
==Relevant comments
>>! In T188043#3997885, @Jdlrobson wrote:
> We define
> ```
> -webkit-tap-highlight-color: transparent;
> ```
> (its defined inside skins.minerva.base.reset)
>>! In T188043#4002123, @Nirzar wrote:
> **About body**
> Do it only for //content// hyperlinks for now. No change to UI.