Difference between revisions of "Typography References"
| Line 3: | Line 3: | ||
|coord_head1=349.964, 27.642, 0.000 | |coord_head1=349.964, 27.642, 0.000 | ||
|references1= | |references1= | ||
| + | Font size calculator; | ||
| + | leserlich.info; | ||
| + | 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; | ||
|headline2=Readability | |headline2=Readability | ||
|coord_head2=349.964, 67.642, 0.000 | |coord_head2=349.964, 67.642, 0.000 | ||
|references2= | |references2= | ||
| + | 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/; | ||
|headline3=Resize_Text | |headline3=Resize_Text | ||
|coord_head3=329.964, 47.642, 0.000 | |coord_head3=329.964, 47.642, 0.000 | ||
| Line 15: | Line 36: | ||
|coord_head4=369.964, 47.642, 0.000 | |coord_head4=369.964, 47.642, 0.000 | ||
|references4= | |references4= | ||
| + | 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/; | ||
|headline5= | |headline5= | ||
|coord_head5= | |coord_head5= | ||
Revision as of 16:31, 4 April 2021
| headline 1 | General |
|---|---|
| headline 1 coordinates | |
| references 1 | Font size calculator;
leserlich.info; 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
leserlich.info
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
What Makes a Typeface Accessible
A Guide by Gareth Ford Williams
Adysfont
Font intended for people with Dyslexia.
http://www.adysfont.com/download/
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
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/