= Problem
I have tested and found this issue using Wikipedia on the mobile web (i.e. MobileFrontend) and the Wikipedia app for iOS. (Apologies if I've filed this under the wrong tags.) On the English Wikipedia, it is policy for administrators, upon blocking a user, to provide certain information about the block. See [[ https://en.wikipedia.org/wiki/Wikipedia:Blocking_policy#Explanation_of_blocks | WP:EXPLAINBLOCK ]]. Using the standard desktop site, whenever a user attempts to edit a page using a blocked account, they are presented with a host of information, including:
# The reason for the block
# The name of the administrator that place the block
# The expiration date for the block
# Links to pages that explain what blocks are used for and how to appeal them
It is essential that all four of the aforementioned pieces of information are supplied to a user when they are blocked. Especially for users editing from shared IP addresses, blocks can affect innocent users, and for users contributing in good faith, a block intended to be temporary (e.g. for edit warring) can turn the blocked user away from the project in bitterness if the block is not explained and if avenues for appeal are not provided.
I created a test account and blocked the account with the reason "Testing what a [[ https://en.wikipedia.org/wiki/Wikipedia:BLOCK | block ]] looks like on mobile" and with an expiration date of 1 week. This was the notice I saw on my desktop when I tried to edit the sandbox:
{F8100260}
This notice is supplied by the English Wikipedia's interface page [[ https://en.wikipedia.org/wiki/MediaWiki:Blockedtext | MediaWiki:Blockedtext ]].
On a mobile device, however, we have a different story. I used Safari on my iPhone 6s, running iOS 10.2, to access Wikipedia using the MobileFrontend and attempted to edit the sandbox using my blocked test account. (This is the same block from when I tried it on my desktop computer.) When I clicked the pencil icon to edit the page, here is what I saw.
{F8101180}
The notice does mention the administrator that placed the block (me in this case) as well as the reason for the block, but as you can see, the block reason fails to display a hyperlink properly, displaying the raw HTML code for a link instead. Furthermore, the notice says nothing about the expiration date for the block or how the block can be appealed.
= Replication steps
* Visit https://reading-web-staging.wmflabs.org and login as BlockedUser (ask @jdlrobson for the password)
* Click edit icon on any page
= Possible solutions
To address the issues above, I recommend the following fixes.
# Fix that linking issue in the block reason on MobileFrontend so that links are presented as links, not HTML.
= Acceptance criteria
# Provide a link in the block notice on MobileFrontend to [[ https://en.wikipedia.org/wiki/Help:I_have_been_blocked | Help:I have been blocked ]] or a similar page that explains what blocks are used for and how to appeal them.* When a person is blocked from editing on the mobile web skip taps an edit pencil, display the block in a drawer (as per the mockup below)
# Provide the expiration date for the block in the block notice on MobileFrontend.* The UI messages and icons should match the design
# Use this same kind of block notice behavior in the Wikipedia Mobile App.* The blocking user and expiration date should accurately display
* Tapping the down arrow or 'Got it' button should close the drawer
* The edit reason should display as plaintext, (Inform the user that they are blocked immediately once they click the pencil icon and present them with the same level of information as the MobileFrontend.)
In my example block above, this would be a far more informative and satisfactory block notice:
> Your account has been blocked from editing by Mz7 for the following reason: "Testing what a [[ https://en.wikipedia.org/wiki/Wikipedia:BLOCK | block ]] looks like on mobile". This block has been set to expire: 16:38, 23 May 2017 ([[ https://enexcept for links.
** Links should display as blue links and on tap open in the same tab.
** Templates should render as plaintext, e.g. `{{anonblock}}`
* The 'Need help?' link should point to https://en.m.wikipedia.org/wiki//index.php?title=Help:I_have_been_blocked | help ]])
Thank you so much for taking the time to look into thison English Wikipedia and should be customizable per wiki.
= Mockup
{F14397273}
= Additional notes
* Linking to this page may help users: https://en.m.wikipedia.org/w/index.php?title=Help:I_have_been_blocked
https://en.m.wikipedia.org/w/index.php?title=Help:I_have_been_blocked
* Related: T169013