Overview of dyslexia fonts

Created by: HarcourtHamsa

This branch serves as a replacement for ft-dyslexia-fonts.

This pull request addresses issue #12 .

src/posts/2020-10-28-dyslexia-fonts.md

+---
+layout: post
+title: Dyslexia fonts
+description: A quick overview of dyslexia fonts
+category: Assistive technology
+author: Hamsa Harcourt
+further_reading:
+  - url: https://accessibility.huit.harvard.edu/design-readability
+    title: Design for readability
+    source: Havard University
+  - url: https://eyeondesign.aiga.org/sad-but-true-comic-sans-might-just-be-the-best-font-for-dyslexics/
+    title: Comic Sans Might Just be the Best Font for People with Dyslexia
+    source: AIGA Eye on Design
+date: 2020-10-28
+eleventyNavigation:
+  key: {{ category }}
+  title: {{ title }}
+tags:
+  - assistivetechnology
+---
+
+<blockquote>
+  <p>
+    Dyslexia is a slight disorder of the brain that causes difficulty in reading and spelling, for example, but does not affect intelligence.
+  </p>
+		<footer>
+		<cite><a href="https://www.oxfordlearnersdictionaries.com/definition/english/dyslexia?q=dyslexia">Dyslexia - Oxford Advanced Learner's Dictionary</a></cite>
+	</footer>
+</blockquote>
+
+Dyslexia is a [Phonological Processing disorder](https://www.nicklauschildrens.org/conditions/phonological-process-disorders). This means it is an issue with language processing, not vision. Dyslexia affects about 1 in 5 people worldwide. Its symptoms range in severity from mild to extreme. It causes your brain to transpose letters, numbers, punctuation, and other characters, which affects your ability to read. This means that making Dyslexic-friendly fonts and typography choices are important things to consider.
+
+
+## Background
+
+When designing fonts, some typographers flip and rotate one character to form other characters. Letters b, p, d and q are usually created using this method. This is because it makes it easier to make the font. 
+
+However, this practice may cause problems for people with Dyslexia. It can make some letters, numbers, punctuation, and other characters become indistinguishable. This can make it easy to confuse one character for another. As a result, people with Dyslexia may prefer fonts where all the characters are unique. 
+
+
+## The questionable utility of Dyslexic fonts?
+
+Dyslexia fonts are typefaces designed so that each character is unique and distinguishable. Dyslexia fonts also make each character unique by using thicker lines in some parts of the letters, as well as slanting them a bit. They are intended to help people with Dyslexia.
+
+According to recent studies, it has been proven that Dyslexia fonts do **not** help people **read faster and make fewer mistakes**. In fact, most people with Dyslexia prefer Comic Sans, Verdana, and Helvetica to other fonts. For a detailed  review of the research, see [Good Fonts for Dyslexia (PDF)](http://dyslexiahelp.umich.edu/sites/default/files/good_fonts_for_dyslexia_study.pdf)
+
+
+## General font tips
+
+The following are general tips that improve the overall quality of your website's typography:
+
+- Font size should be at least 12-14pt or its equivalent. This help people with cognitive disabilities, language and learning disabilities, as well as people with low vision who may not be able to perceive the text.  
+- Larger line spacing improves readability. Proper line spacing makes [web content](https://en.wikipedia.org/wiki/Web_content) flow smoothly, and ensures that the visually rendered text is presented in such a manner that is perceived without its layout interfering with its readability. According to the [WCAGs Visual Presentation(level AAA) success criterion](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-visual-presentation.html), Line height (line spacing) should be at least 1.5 times the font size. 
+
+**Note**: There are no hard rules that defines when the line spacing is too loose. However, when the lines of text seem to be visually floating from each other, it is a sign of excess line spacing.
+
+- Use a small number of fonts, ideally 1 or 2. This is because multiple fonts makes a website look unstructured and unprofessional. Also, multiple fonts obstructs the flow of content of the web page as people spend time adjusting to each new font. Hence, reducing readability. 
+- Use **bold** to add emphasis rather than *italics*. This is because large amounts of italicized text can be difficult to read. 
+- Avoid large amounts of UPPERCASE text. When words are written in all caps, they have a uniform rectangular shape, meaning some readers may not be able to identify words by their shape.
+- Animated text must be used sparingly and honor [reduced motion preferences](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion). This is because animations can be distracting, especially for a person with [AD/HD](https://www.cdc.gov/ncbddd/adhd/facts.html).
+
+
+## Summary
+
+This article can be summarized into the folllowing:
+
+- Dyslexia affects your ability to read.
+- Dyslexic fonts may not be effective.
+- Good typography is more helpful.
+- Letting a user change their font and type size is important.

[Byte Blaze]

I'm asking you to clarify this to provide an explanation to a reader who potentially has never heard about this before. It's one thing to say it, it's another to explain why an issue impacts people. This will go a long way to helping to create understanding and empathy.