Session tracks get stripped from schedule in iOS Safari Reader View

[coreymckrill]

Reported by an organizer for WC Toronto:

When you browse the schedule page of a recent WordCamp that uses the [schedule] shortcode to generate the grid, Safari iOS Reader View strips out the Track headings that are typically used for room/location designations.

This is because the Track headings use the HTML Table Header <TH> tag. Safari Reader View strips out anything using this tag. The solution would be to write the Track headings as normal Table Rows with the <TR> tag, but using the header CSS class, so it looks like a header. Unfortunately, this solution may break WCAG rules.

[coreymckrill]

Screenshot showing missing track headers.

[coreymckrill]

Ideally this could be solved with CSS rather than a change in the HTML markup. If that's not possible, we might want to use a feature flag to ensure existing sites with custom styles don't break when the HTML markup changes.

[iandunn]

Why does Reader strip out header rows? That doesn't make sense to me, since those are still relevant in the context of the Reader.

I'm be tempted to consider this a Safari bug, and ignore it, unless there's some additional info that points to it being something we're doing wrong in formatting the info.

The shortcode will soon be deprecated in favor of the block anyway, which doesn't use th cells.

[coreymckrill]

I think it is a Safari bug. I'm fine closing this as wontfix since this will be irrelevant anyway after the block is released.