Allow the preview stylesheet to be overridden for accessibility

[jepelej]

Read an override.css stylesheet when the app loads in order to allow those with poor eyesight to read notes in the app. In recent versions lists and pres and heading-separated sections have become difficult to read or discern. Zooming in isn't enough to make the content legible.

Steps to reproduce

1. Have poor eyesight
2. Open the app
3. Create notes
4. Try to read them

What I expected

Most of the app is very legible (both the layout and text content) however some types of content are difficult to read.

What happened instead

In markdown mode

• Can't zoom in
• The font family can't be changed
• Some text is serif and other text is sans-serif
• h2s are gigantic, so when zooming becomes possible again they will take up most of the screen after zooming in to see regular text
• pre text color is too light to read

In edit mode (not sure if the layout is controlled with css though)

• Unordered list line spacing is too compact
• Unordered lists do not have hanging indents
• There is not enough margin underneath h1 and above h2 elements to visibly separate sections of the note

Simplenote version

Simplenote 1.4.0

macOS version

macOS 10.14.2

[jepelej]

These resources may be helpful for understanding how users are affected:

• https://automattic.com/diversity-and-inclusion/
• https://automattic.design/2018/07/17/making-wordpress-accessible-to-all/
• https://www.w3.org/WAI/fundamentals/accessibility-intro/

[msilbers]

The inability to zoom into a note in Preview mode was reported in 3243273-zen
I'm able to replicate this in the current version still, and I do see that zooming in works in the editor

[jleandroperez]

@msilbers quick question! what do yuo mean by zooming works in the editor ? Are you referring to the ability to increase / decrease the font size?

[msilbers]

@jleandroperez although I don't usually think of it as just zooming the text, yeah I think that's what I mean! In the editor, Cmd+ and Cmd- work to zoom in and out, but it does not work in Preview mode

[jleandroperez]

Thank you Melissa!