In the article, where there's supposed tot be a table, there should be some sort of icon or placeholder that is selectable like links, references, etc. This needs a little bit of design.

Sharing earlier design of table styling. This is a standard way of treating tables across different operating systems and devices. Text after More Information is the name of table columns. If below designs are difficult to implement then I could think of alternatives to it.

Going to update it with other design alternatives soon. After discussing it with Angie, I realized caret icon(arrow) could be best suited when table expands within the same window, unlike our case where we are designing it to open up in a popup style.

Updated Design

Removed dropped down icon from the earlier design as we are already using it as a visual indicator when a user lands on the article. Also decided against using other icons like table or window as they are not universally recognized.

• In the default state, we can show the table in a collapsible form.
• Change the background color of it when a user brings control over it.
• If the user presses the Center Soft Key(CSK) then the table gets open in a new window.
• If a table has a caption then use the Table Caption section to overwrite with it, otherwise, don't show this section.

Interaction Details

• When the table is opened then D-PAD will be used to scroll up and down and left and right to view different parts of the table. Links in the table will not be clickable.

Table Collapsed	Table Highlighted	Table Window
https://zpl.io/anR1OYl	https://zpl.io/VY4WYDL	https://zpl.io/2j08mwm

In T247616#5967514, @SBisson wrote:

In the article, where there's supposed tot be a table, there should be some sort of icon or placeholder that is selectable like links, references, etc. This needs a little bit of design.

Are images also not going to be clickable in tables?

That's the plan to keep things simple; nothing in the table will be clickable.

In T247616#5975418, @AMuigai wrote:

That's the plan to keep things simple; nothing in the table will be clickable.

Thanks for clarity.

PR: https://github.com/wikimedia/wikipedia-kaios/pull/186

@Jpita the next step after QA is "design sign off"

Table styling looks fine on Jio & banana phones.