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=324.000, 42.000, 0.000  
+
|coord_head1=349.964, 27.642, 0.000  
 
|references1=
 
|references1=
Font size calculator: Calculating and testing accessible font sizes;
 
Leserlich - German Federation of the Blind and Partially Sighted;
 
https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php;
 
Perceivable - Visual Presentation;
 
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
 
https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html;
 
Images of Text;
 
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
 
https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html;
 
Lens of Font;
 
Steven Lambert - Smashing Magazine;
 
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-font
 
 
|headline2=Readability
 
|headline2=Readability
|coordhead2=336.000, 42.000, 0.000  
+
|coord_head2=349.964, 67.642, 0.000  
 
|references2=
 
|references2=
Text Spacing;
+
|headline3=Resize_Text
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
+
|coord_head3=329.964, 47.642, 0.000  
https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html;
 
Accessible Typography: Over 20 Hints to Make Your Site More Readable;
 
FG - Expectedly;
 
http://expectedly.org/inclusivetech/accessible-typography-over-20-hints-to-make-your-site-more-readable/;
 
A Guide to Understanding What Makes a Typeface Accessible;
 
Gareth Ford Williams - Medium;
 
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/;
 
Dyslexia Style Guide 2018;
 
Creating Dyslexia Friendly Content;
 
https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf;
 
Dyslexia - Illustration of how a dyslexic can be affected when reading;
 
Victor Widell;
 
http://geon.github.io/programming/2016/03/03/dsxyliea
 
|headline3=Resize Text
 
|coordhead3=348.000, 42.000, 0.000  
 
 
|references3=
 
|references3=
 
Resize Text;
 
Resize Text;
Understanding Web Content Accessibility Guidelines (WCAG) 2.1;
+
3WC - Web Accessibility Initiative;
https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html
+
https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html;
|headline4=Reader Mode
+
|headline4=Reader_Mode
|coordhead4=354.000, 42.000, 0.000  
+
|coord_head4=369.964, 47.642, 0.000  
 
|references4=
 
|references4=
Building websites for Safari Reader Mode and other reading apps;
 
Mandy Michael - Medium;
 
https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9;
 
Reader Mode: The Button to Beat - How to build websites that users dont need to use the reader mode for;
 
Eric Bailey - CSS Tricks;
 
https://css-tricks.com/reader-mode-the-button-to-beat/;
 
The practical value of semantic HTML: Writing HTML for JavaScript developers;
 
Bruce Lawson;
 
https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/
 
 
|headline5=
 
|headline5=
|coordhead5=
+
|coord_head5=
 
|references5=
 
|references5=
 
|linksto=
 
|linksto=
Line 62: Line 23:
 
}}
 
}}
 
==General==
 
==General==
===Font size calculator: Calculating and testing accessible font sizes===
 
Leserlich - German Federation of the Blind and Partially Sighted
 
 
https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php
 
 
 
===Perceivable - Visual Presentation===
 
===Perceivable - Visual Presentation===
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
+
Understanding Web Content Accessibility Guidelines  
  
 
https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html
 
https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html
  
 
===Images of Text===
 
===Images of Text===
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
+
Understanding Web Content Accessibility Guidelines  
  
 
https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html
 
https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html
  
===Lens of Font===
+
===Font size calculator===
Steven Lambert - Smashing Magazine
+
leserlich.info
  
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-font
+
https://www.leserlich.info/werkzeuge/schriftgroessenrechner/index-en.php
  
 
==Readability==
 
==Readability==
===Text Spacing===
+
===Article: Accessible Typography===
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
+
Over 20 Hints to Make Your Site More Readable
 
 
https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html
 
 
 
===Accessible Typography: Over 20 Hints to Make Your Site More Readable===
 
FG - Expectedly
 
  
 
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/
  
===A Guide to Understanding What Makes a Typeface Accessible===
+
===What Makes a Typeface Accessible===
Gareth Ford Williams - Medium
+
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===
 
Font intended for people with Dyslexia
 
 
http://www.adysfont.com/download/
 
 
===Dyslexia Style Guide 2018===
 
Creating Dyslexia Friendly Content
 
 
https://cdn.bdadyslexia.org.uk/documents/Advice/style-guide/Dyslexia_Style_Guide_2018-final-1.pdf
 
 
===Dyslexia - Illustration of how a dyslexic can be affected when reading===
 
Victor Widell
 
 
http://geon.github.io/programming/2016/03/03/dsxyliea
 
  
 
==Resize_Text==
 
==Resize_Text==
 
===Resize Text===
 
===Resize Text===
Understanding Web Content Accessibility Guidelines (WCAG) 2.1
+
3WC - Web Accessibility Initiative
  
 
https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html
 
https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html
  
 
==Reader_Mode==
 
==Reader_Mode==
Building websites for Safari Reader Mode and other reading apps===
+
=== ===
Mandy Michael - Medium
 
 
 
https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9
 
 
 
===Reader Mode: The Button to Beat - How to build websites that users dont need to use the reader mode for===
 
Eric Bailey - CSS Tricks
 
 
 
https://css-tricks.com/reader-mode-the-button-to-beat/
 
 
 
===The practical value of semantic HTML: Writing HTML for JavaScript developers===
 
Bruce Lawson
 
 
 
https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/
 

Please note that all contributions to Make Inclusive Websites may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see Make Inclusive Websites:Copyrights for details). Do not submit copyrighted work without permission!

Cancel Editing help (opens in new window)

Template used on this page: