gambitph
Icon Lists don't display properly in Reader Mode on Safari
I'm using Stackable 1.17.3.
When an Icon List block is placed on a page, it displays nicely on the frontend and displays as a standard list would in Firefox reader mode. But it is absent from Safari's reader mode on both macbook and iPhone.
Ideally, on Safari, the Icon List block would just show up in reader mode as a standard <li>. Otherwise, it could lead to a content accessibility problem where important info may be missing for users who need reader mode.
(My example is from this post. This post is useful as it also has a "normal" block editor List block further down the page to compare to.)
Standard (non-reader mode) view including an Icon List block:
Shows up nicely as an <li> on Firefox Reader Mode:
Whole block missing on Safari Reader Mode:
Thanks for the report. Just to add: It works with Chrome's reader. It also doesn't work with iOS Safari reader.
Some resources that might help shed some light on this:
- https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9
- https://twitter.com/Mandy_Kerr/status/1019913297779306496