Typography References

From Make Inclusive Websites
Jump to navigation Jump to search
headline 1 General
headline 1 coordinates
references 1 Font size calculator;

Calculating and testing easily accessible font sizes; https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php; Perceivable - Visual Presentation; Understanding Web Content Accessibility Guidelines; https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html; Images of Text; Understanding Web Content Accessibility Guidelines; https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html;

headline 2 Readability
headline 2 coordinates
references 2 Text Spacing;

3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html; Article: Accessible Typography; Over 20 Hints to Make Your Site More Readable; http://expectedly.org/inclusivetech/accessible-typography-over-20-hints-to-make-your-site-more-readable/; What Makes a Typeface Accessible; A Guide by Gareth Ford Williams; https://uxdesign.cc/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0; Adysfont; Font intended for people with Dyslexia; http://www.adysfont.com/download/;

headline 3 Resize_Text
headline 3 coordinates
references 3 Resize Text;

3WC - Web Accessibility Initiative; https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html;

headline 4 Reader_Mode
headline 4 coordinates
references 4 Article: Building websites for Safari Reader Mode and other reading apps;

Mandy Michael; https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9; Article: Reader Mode: The Button to Beat; Eric Bailey on how to build websites that users dont need to use the reader mode for; https://css-tricks.com/reader-mode-the-button-to-beat/; The practical value of semantic HTML; Bruce Lawson’s guide to writing HTML for JavaScript developers; https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/;

headline 5
headline 5 coordinates
references 5
links to
belongs to Typography
contains

General

Font size calculator

Calculating and testing easily accessible font sizes

https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php

Perceivable - Visual Presentation

Understanding Web Content Accessibility Guidelines

https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html

Images of Text

Understanding Web Content Accessibility Guidelines

https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html

Readability

Text Spacing

3WC - Web Accessibility Initiative

https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html

Article: Accessible Typography

Over 20 Hints to Make Your Site More Readable

http://expectedly.org/inclusivetech/accessible-typography-over-20-hints-to-make-your-site-more-readable/

What Makes a Typeface Accessible

A Guide by Gareth Ford Williams

https://uxdesign.cc/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0

Resize_Text

Resize Text

3WC - Web Accessibility Initiative

https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html

Reader_Mode

Article: Building websites for Safari Reader Mode and other reading apps

Mandy Michael

https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9

Article: Reader Mode: The Button to Beat

Eric Bailey on how to build websites that users dont need to use the reader mode for

https://css-tricks.com/reader-mode-the-button-to-beat/

The practical value of semantic HTML

Bruce Lawson’s guide to writing HTML for JavaScript developers

https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/