Wikipedia:WikiProject Usability/Readability guidelines: Difference between revisions

Content deleted Content added
Dodoïste (talk | contribs)
m Discussions: |style = border:1px solid black; width: 65%;|
Dodoïste (talk | contribs)
Size of text: Examples using ems and relative sizes, new section
Line 3:
 
Reducing text size (for example, to 75%) causes usability and accessibility issues:
#The first usability issues to consider is [[readability]]. An extensive number of usability studies were made about the impact of text size on readability. It was clearly stated that small text makes it way harder to read, for example by reducing reading speed: if a text with comfortable size would be read by average users in 15 seconds, the same small size text would be read in 27 seconds. The default font size on Wikipedia is already too small (9 points instead of 12 points), so we don't want to make it even smaller.
#The second and third issues are both usability and accessibility issues. First, users with low vision that have severe low vision (but are still able to read really large fonts) use dedicated software to enlarge or reduce the text size. So they will be able to read it. But when the normal text size changes to a very small text size, they may have to adjust their zoom level only for this particular text, and readjust it afterwards. It's suboptimal, but not detrimental.
#The biggest usability issue is for elders (and possibly anyone older than 40), normal users with small low vision and normal users with a particular resolution, device, and such. Truth is, most of these users doesn't know how to zoom with their browser. Yes, they don't know "Ctrl +/-" even exist, or they forget it. So when they encounter such small text they have trouble to read, their only option is to come very close to the screen and strain their eyes as much as they can. Until they succeed or give up because of too much strain.
 
It would be way easier for everyone to not have to think about such issues, and simply don't ever reduce the font size. It also removes unnecessary code.
 
=== Examples ===
 
{{strong|Note}}: when viewing those examples, result may vary if you have customized your font size in your browser or style sheet, or if you are using the zoom (Ctrl +/-, Ctrl 0 to reset zoom to default), or depending on your screen and its resolution.
 
*<span style="font-size:9pt;">Font size sample: 9 points. This is the default text size on Wikipedia, and it's way too small.</span>
*<span style="font-size:12pt;">Font size sample: 12 points. This is the recommended text size by usability experts, it enhances readability.</span>
*<span style="font-size:14pt;">Font size sample: 14 points. This is the recommended text size for elders.</span>
 
=== Examples using ems and relative sizes ===
 
*<span style="font-size:0.95em;">Font size sample: 0.95 em. Similar to the default text size.</span>
*<span style="font-size:105%;">Font size sample: 100%. Similar to the default text size.</span>
*<span style="font-size:1.3em;">Font size sample: 1.3em. Similar to 12 points.</span>
*<span style="font-size:130%;">Font size sample: 130%. Similar to 12 points.</span>
*<span style="font-size:1.5em;">Font size sample: 1.5em. Similar to 14 points.</span>
*<span style="font-size:150%;">Font size sample: 150%. Similar to 14 points.</span>
 
=== Resources on readability ===