Background
Editors create tables that are too large to be displayed on mobile. We'd like to flag these tables to editors, and give them clear actionable steps on how to fix them. A linter was created, but remains hidden and unusable to editors. This spike helps to move this initiative forward.
User story
As an editor I want clearer guidance on how I can fix my tables for display in mobile and in Vector 2022 when the two sidebars are open.
Outcome
- Timebox: Half a day
- Document how we can improve the linting. What characteristics of table can we filter out? Consider the problems in the problems section.
- Explore issues flagged by https://en.wikipedia.org/wiki/Special:LintErrors/large-tables and manually review those tables flagged.
Is there a common theme for tables that were not flagged? [Note: We are looking for tables that break out of the limited width and/or on mobile break the viewport.]
Known problems
- On T66577 and T330527 we have a few examples of the sort of tables we want to flag.
- Limit the linter to tables which do not have img tags in more than 50% of the columns that make a large table e.g. https://en.wikipedia.org/w/index.php?title=User:Jonesey95/sandbox&oldid=1154873518 - some large tables often contain images and are not problematic. This includes hieroglyphics. For example, since we mark large tables as having more than 5 columns, if 3 of those columns contain only img tags, this would not flag the linter.
- The linter rule seems to overcount nested tables. Make sure when counting to only check the direct children of the first row. Example: https://en.wikipedia.org/w/index.php?title=User:Jonesey95/sandbox&oldid=1154910671. Another example: https://en.wikipedia.org/wiki/Lake_Lemuria - these should not flag the linter.
Go to https://en.wikipedia.org/wiki/Special:LintErrors/missing-end-tag-in-heading and review the pages flagged (Created in T308398). If it appears to be working take next steps to make this visible to end users.
Sign off
Create a task articulating a clear next step.
This task was created by Version 1.0.0 of the Web team task template using phabulous