Difference between revisions of "Typography"
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{Website | {{Website | ||
|headline=Typography | |headline=Typography | ||
− | |coordhead= | + | |coordhead=321.000, 49.000, 0.000 |
|image1=/wiki/images/Typography.png | |image1=/wiki/images/Typography.png | ||
|coordimg1=0, 0, 0 | |coordimg1=0, 0, 0 | ||
|simploduction=<ul> | |simploduction=<ul> | ||
− | <li> | + | <li>How to deal with the presentation of text.</li> |
− | <li>The font | + | <li>The font used, affects how readable the text is.</li> |
− | <li> | + | <li>To improve readability, large font sizes should be used and other adjustments such as spacing or column width should be considered.</li> |
− | <li> | + | <li>Typographic style can be used to help understand structure and navigation.</li></ul> |
|coordsimplo=0, 0, 0 | |coordsimplo=0, 0, 0 | ||
|testimonial= | |testimonial= | ||
− | Yun is an 85 year-old with reduced vision, hand-tremor, and mild memory loss; common age-related impairments for someone his age. Yun regularly browses the web reading news sites. | + | Yun is an 85 year-old with reduced vision, hand-tremor, and mild memory loss; common age-related impairments for someone his age. Yun regularly browses the web reading news sites. [...] Yun has difficulty reading small text and clicking on small links and form elements. His daughter showed him how to enlarge text in the web browser, which works well on many websites. He encounters problems when text does not reflow when it is enlarged and he is forced to scroll back and forth to read the enlarged content, which means he easily loses track of his place. He also has problems with CAPTCHA images found on many social media sites. The text is so distorted, even when he enlarges it, that he often cannot accurately enter the text. He has a better experience on sites that use alternative CAPTCHA options, unfortunately only a small number currently do. |
− | |||
<a href="https://www.w3.org/WAI/people-use-web/user-stories/#retiree">Source</a> | <a href="https://www.w3.org/WAI/people-use-web/user-stories/#retiree">Source</a> | ||
|coordtesti=0, 0, 0 | |coordtesti=0, 0, 0 | ||
Line 18: | Line 17: | ||
|contains=Typography_References | |contains=Typography_References | ||
}} | }} | ||
− | |||
− | + | __TOC__ | |
− | |||
− | |||
− | |||
− | |||
− | == | + | [[File:Typography.png|400px|none|Illustration Typography]] |
− | + | <div class="text_content"> | |
+ | ==Overview== | ||
+ | * How to deal with the presentation of text. | ||
+ | * The font used, affects how readable the text is. | ||
+ | * To improve readability, large font sizes should be used and other adjustments such as spacing or column width should be considered. | ||
+ | * Typographic style can be used to help understand structure and navigation. | ||
− | + | ==User story== | |
+ | Yun is an 85 year-old with reduced vision, hand-tremor, and mild memory loss; common age-related impairments for someone his age. Yun regularly browses the web reading news sites. [...] Yun has difficulty reading small text and clicking on small links and form elements. His daughter showed him how to enlarge text in the web browser, which works well on many websites. He encounters problems when text does not reflow when it is enlarged and he is forced to scroll back and forth to read the enlarged content, which means he easily loses track of his place. He also has problems with CAPTCHA images found on many social media sites. The text is so distorted, even when he enlarges it, that he often cannot accurately enter the text. He has a better experience on sites that use alternative CAPTCHA options, unfortunately only a small number currently do. | ||
Source: https://www.w3.org/WAI/people-use-web/user-stories/#retiree | Source: https://www.w3.org/WAI/people-use-web/user-stories/#retiree | ||
− | ==[[Typography_References| | + | ==[[Typography_References|References for Typography]]== |
===[[Typography_References#General|General]]=== | ===[[Typography_References#General|General]]=== | ||
===[[Typography_References#Readability|Readability]]=== | ===[[Typography_References#Readability|Readability]]=== | ||
===[[Typography_References#Resize_Text|Resize Text]]=== | ===[[Typography_References#Resize_Text|Resize Text]]=== | ||
===[[Typography_References#Reader_Mode|Reader Mode]]=== | ===[[Typography_References#Reader_Mode|Reader Mode]]=== | ||
+ | </div> |
Latest revision as of 15:00, 9 June 2021
headline | Typography |
---|---|
headline coordinates | 321.000, 49.000, 0.000 |
image | /wiki/images/Typography.png |
image coordinates | 0, 0, 0 |
simple introduction |
|
simple introduction coordinates | 0, 0, 0 |
testimonial | Yun is an 85 year-old with reduced vision, hand-tremor, and mild memory loss; common age-related impairments for someone his age. Yun regularly browses the web reading news sites. [...] Yun has difficulty reading small text and clicking on small links and form elements. His daughter showed him how to enlarge text in the web browser, which works well on many websites. He encounters problems when text does not reflow when it is enlarged and he is forced to scroll back and forth to read the enlarged content, which means he easily loses track of his place. He also has problems with CAPTCHA images found on many social media sites. The text is so distorted, even when he enlarges it, that he often cannot accurately enter the text. He has a better experience on sites that use alternative CAPTCHA options, unfortunately only a small number currently do.
<a href="https://www.w3.org/WAI/people-use-web/user-stories/#retiree">Source</a> |
testimonial coordinates | 0, 0, 0 |
links to | |
belongs to | Sight |
contains | Typography_References |
Overview[edit]
- How to deal with the presentation of text.
- The font used, affects how readable the text is.
- To improve readability, large font sizes should be used and other adjustments such as spacing or column width should be considered.
- Typographic style can be used to help understand structure and navigation.
User story[edit]
Yun is an 85 year-old with reduced vision, hand-tremor, and mild memory loss; common age-related impairments for someone his age. Yun regularly browses the web reading news sites. [...] Yun has difficulty reading small text and clicking on small links and form elements. His daughter showed him how to enlarge text in the web browser, which works well on many websites. He encounters problems when text does not reflow when it is enlarged and he is forced to scroll back and forth to read the enlarged content, which means he easily loses track of his place. He also has problems with CAPTCHA images found on many social media sites. The text is so distorted, even when he enlarges it, that he often cannot accurately enter the text. He has a better experience on sites that use alternative CAPTCHA options, unfortunately only a small number currently do.
Source: https://www.w3.org/WAI/people-use-web/user-stories/#retiree