laitimes

Accessibility Font Guidelines: How to Make Fonts More Friendly

author:Everybody is a product manager
Editing Guide: Fonts/Fonts are the baseline of the experience for accessible reading. Friendly fonts can help special groups of people improve the readability and readability of reading, this article introduces several principles of design fonts, I hope that interested partners to read and gain some experience from it.
Accessibility Font Guidelines: How to Make Fonts More Friendly

But making fonts truly accessible requires a combination of other best visual principles; if you don't choose a good font, the effect of using only color contrasts is limited.

  • Legibility*: Describes the degree of recognition of each individual text by the viewer in the process of text typesetting design, often related to the printing, size and appearance of the text, and the readability of the text determines whether the viewer can accurately identify the text content.
  • Readability*: It refers to the complexity of the construction of words and sentences in a paragraph of content Chinese. The assumption behind this is that complex sentences are more difficult to break down and read than simple. It is generally described as the ability to read easily.

一、BBC Reith & Qalam

Accessibility Font Guidelines: How to Make Fonts More Friendly

2. Guidelines for barrier-free fonts

Our experiments in developing BBC Reith and Qalam have led us to distill some principles. Using these methods can provide people with learning disabilities, visual impairments, aphasia, and dyslexia with a more friendly font design and font selection options, while maintaining the brand integrity and consistency of our website or app.

  • Mirror writing disorder*: Is a special type of dysprint caused by brain diseases, which refers to the reversal of font and stroke order when writing. That is, the written words are turned upside down from side to side, as if they were in a mirror.
  • Sensitivity Syndrome*: Also known as Allen syndrome, it is a problem of visual perception that makes it difficult for people to process text due to dysfunction in the brain regions used to interpret visual information. In people with Allen syndrome, text becomes difficult to read in a variety of situations (especially in bright light) and when the text appears on a white or light background. Text may appear blurry, garbled, or garbled. (Some argue that the symptom is pseudoscience, a symptom fabricated by profit.)
  • Transparent language*: Like German or Italian belong to the so-called transparent language, which means that the letters and pronunciation correspond. However, English and French fall into the opaque category, and the same letter may have several tones when pronounced.

These are the typography principles you can use:

  1. A font style that is suitable for the reader
  2. Avoid similar letter shapes
  3. Make sure there are no mirror letters
  4. It is easier to distinguish between letters
  5. Use humanist fonts in small sizes
  6. Sufficient letter spacing
  7. There should be a clear difference in height between capital letters and elevations
  8. Test the availability of fonts in specific scenarios

1. Choose the font that's right for your readers

Accessibility Font Guidelines: How to Make Fonts More Friendly

This casual visual style of Comic Sans is popular among organizations dedicated to communicating with or with children. However, if the image of an organization is formal or trendy, then this choice can undermine its image and brand integrity.

Accessibility Font Guidelines: How to Make Fonts More Friendly

2. Avoid designing letters of similar shape

Accessibility Font Guidelines: How to Make Fonts More Friendly
Word arm*: Also called a horizontal line (bar), a horizontal stroke with one or both ends open. Such as the uppercase letters T and F; or the strokes in the upper part of the upper part of the uppercase letters K and Y.

3. Make sure there are no mirror letters

Accessibility Font Guidelines: How to Make Fonts More Friendly

4. Easier to distinguish between letters

Character Huai*: The internal space contained in the letter, whether enclosed or not, that is, the internal area of the word bowl. For example, the area between H or n vertical paintings.

Opening*: Refers to an opening similar to the letters a and c. The larger the opening, the higher the clarity.

5. Use humanistic fonts instead of grotesque fonts in small sizes

6. Make sure there is enough letter spacing

Accessibility Font Guidelines: How to Make Fonts More Friendly

7. There should be a clear difference in height between capital letters and elevations

Ascending and Descending*:

The part that extends upward from the x-height like the lowercase letters b, d, f, h, k, l becomes the ascending part, and its height becomes the ascending height, and the alignment line at the top of the ascending part is called the ascending line. Lowercase letters g, j, p, q, y, which extend down from the baseline, are called descenders.

8. Test font availability in specific scenarios

It is recommended to focus on groups of people with dyslexia, moderate to severe visual impairment, aphasia, and adult learning disabilities. Also make sure to test the usability of the font independently to avoid negative effects on the tester by combining fonts or the effect of actual application. And the font should have a good presentation and typography.

Related Reading:

http://www.comdesignlab.com/typochina/english/archives/22

https://www.jianshu.com/p/7fcfae454cde

https://www.thereadability.group/

Public number: The third design observation station

https://medium.com/the-readability-group/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0

This article was translated and published by @3rd Design Observatory and published by Everyone is a Product Manager, and reproduction without permission is prohibited

The title image is from pixabay, based on the CC0 protocol