Abstract
AbstractMany low-vision users adjust the browser zoom level to make text more comfortable to read. Responsive websites attempt to fit the content within the viewport width, but several types of problems can potentially occur; long words may be wider than the viewport and thus partially hidden, they may cause large vertical space breaks, and words may be unnecessarily split or incorrectly split. This study set out to get insight into such word wrapping problems on responsive web pages. To help identify word wrapping issues, the tool HYPHERSPACE was developed. Experiments run on 91 websites suggest that hyphenation-related problems are prevalent. Excessive wrapping of words and overflowing words were the most notable problem on about 90% of the websites. One implication of this study is that web designers need to explicitly design for narrow viewports. The proposed tool can help web designers identify hyphenation problems on responsive web pages viewed with high magnification.
Funder
OsloMet - Oslo Metropolitan University
Publisher
Springer Science and Business Media LLC
Subject
Computer Networks and Communications,Human-Computer Interaction,Information Systems,Software
Reference55 articles.
1. Rich, R.P., Stone, A.G.: Method for hyphenating at the end of a printed line. Commun. ACM. ACM 8(7), 444–445 (1965)
2. Sojka, P., Sojka, O.: Towards New Czechoslovak Hyphenation Patterns. Zpravodaj Československého sdružení uživatelů TeXu 30(3), 118–126 (2020)
3. Sandnes, F.E., Thorkildssen, H.W., Arvei, A., Buverad, J.O.: Techniques for fast and easy mobile text-entry with three-keys. In: 37th Annual Hawaii International Conference on System Sciences, 2004. Proceedings of the (pp. 10-pp). (2004) IEEE
4. Parikh, R.S.: Distribution of Word Lengths in Various Languages. http://www.ravi.io/language-word-lengths (2015). Accessed 6 Dec 2022
5. Manas, J.A.: Word division in Spanish. Commun. ACM. ACM 30(7), 612–616 (1987)