Editing Typography References
Jump to navigation
Jump to search
Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
| Latest revision | Your text | ||
| Line 1: | Line 1: | ||
{{References | {{References | ||
|headline1=General | |headline1=General | ||
| − | |coordhead1= | + | |coordhead1=320.000, 39.000, 0.000 |
|references1= | |references1= | ||
Font size calculator: Calculating and testing accessible font sizes; | Font size calculator: Calculating and testing accessible font sizes; | ||
| Line 16: | Line 16: | ||
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-font | https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-font | ||
|headline2=Readability | |headline2=Readability | ||
| − | |coordhead2= | + | |coordhead2=332.000, 39.000, 0.000 |
|references2= | |references2= | ||
Text Spacing; | Text Spacing; | ||
Understanding Web Content Accessibility Guidelines (WCAG) 2.1; | Understanding Web Content Accessibility Guidelines (WCAG) 2.1; | ||
https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html; | https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html; | ||
| − | Accessible Typography | + | 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/; | http://expectedly.org/inclusivetech/accessible-typography-over-20-hints-to-make-your-site-more-readable/; | ||
| − | + | What Makes a Typeface Accessible; | |
| − | Gareth Ford Williams | + | 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; | https://uxdesign.cc/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0; | ||
Adysfont; | Adysfont; | ||
| Line 33: | Line 33: | ||
Creating Dyslexia Friendly Content; | Creating Dyslexia Friendly Content; | ||
https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf; | https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf; | ||
| − | Dyslexia | + | Victor Widell - Dyslexia; |
| − | + | Illustration of how a dyslexic can be affected when reading; | |
http://geon.github.io/programming/2016/03/03/dsxyliea | http://geon.github.io/programming/2016/03/03/dsxyliea | ||
| − | |headline3= | + | |headline3=Resize_Text |
| − | |coordhead3= | + | |coordhead3=344.000, 39.000, 0.000 |
|references3= | |references3= | ||
Resize Text; | Resize Text; | ||
Understanding Web Content Accessibility Guidelines (WCAG) 2.1; | Understanding Web Content Accessibility Guidelines (WCAG) 2.1; | ||
https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html | https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html | ||
| − | |headline4= | + | |headline4=Reader_Mode |
| − | |coordhead4= | + | |coordhead4=350.000, 39.000, 0.000 |
|references4= | |references4= | ||
| − | Building websites for Safari Reader Mode and other reading apps; | + | Article: Building websites for Safari Reader Mode and other reading apps; |
| − | Mandy Michael | + | Mandy Michael; |
https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9; | https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9; | ||
| − | Reader Mode: The Button to Beat | + | 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/; | https://css-tricks.com/reader-mode-the-button-to-beat/; | ||
| − | The practical value of semantic HTML | + | 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/ | https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/ | ||
|headline5= | |headline5= | ||
| Line 88: | Line 88: | ||
https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html | https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html | ||
| − | ===Accessible Typography | + | ===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/ | http://expectedly.org/inclusivetech/accessible-typography-over-20-hints-to-make-your-site-more-readable/ | ||
| − | === | + | ===What Makes a Typeface Accessible=== |
| − | Gareth Ford Williams | + | 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 | https://uxdesign.cc/a-guide-to-understanding-what-makes-a-typeface-accessible-and-how-to-make-informed-decisions-9e5c0b9040a0 | ||
| Line 108: | Line 108: | ||
https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf | https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf | ||
| − | ===Dyslexia | + | ===Victor Widell - Dyslexia=== |
| − | + | Illustration of how a dyslexic can be affected when reading | |
http://geon.github.io/programming/2016/03/03/dsxyliea | http://geon.github.io/programming/2016/03/03/dsxyliea | ||
| Line 120: | Line 120: | ||
==Reader_Mode== | ==Reader_Mode== | ||
| − | Building websites for Safari Reader Mode and other reading apps=== | + | ===Article: Building websites for Safari Reader Mode and other reading apps=== |
| − | Mandy Michael | + | Mandy Michael |
https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9 | https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9 | ||
| − | ===Reader Mode: The Button to Beat | + | ===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/ | https://css-tricks.com/reader-mode-the-button-to-beat/ | ||
| − | ===The practical value of semantic HTML | + | ===The practical value of semantic HTML=== |
| − | Bruce | + | Bruce Lawson’s guide to writing HTML for JavaScript developers |
https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/ | https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/ | ||