Skip to main content
SpringerLink
Log in

Applying APCA and Huetone for Color Accessibility of User Interfaces

  • Conference paper
  • First Online:
HCI International 2023 Posters (HCII 2023)

Part of the book series: Communications in Computer and Information Science ((CCIS,volume 1833))

Included in the following conference series:

Abstract

Over the 15 years since the adoption of WCAG 2.0, user interface design and interface devices have changed substantiallys. However, many interface guidelines still employ the old color contrast formula. In the last few years, the range of color accessibility tools has expanded with a variety of newcomers: LCH and HSLuv, enhanced color models adapted to human perception, have been developed; Advanced Perceptual Contrast Algorithm (APCA) has been implemented as part of WCAG 3.0; Tools for creating color palettes have been developed based on its implementation, such as Accessible Palette and Huetone. These new tools were used during a redesign of an office suite to change the color scheme. The purpose of this paper is to demonstrate practical results of using these tools. Despite the fact that WCAG 3.0 has not yet been adopted, APCA shows more accurate results for measuring color contrast. Huetone Color Tool provides capabilities of palette analysis using the LCH color space model with easy color contrast and color distance calculation.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Log in via an institution
Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 129.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 169.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. Boronine, A.: Color spaces for human beings. https://www.boronine.com/2012/03/26/Color-Spaces-for-Human-Beings/. Accessed 10 Mar 2023

  2. Zeileis, A., Hornik, K., Murrell, P.: Escaping RGBland: selecting colors for statistical graphics. Comput. Stat. Data Anal. 53, 3259–3270 (2009). https://doi.org/10.1016/j.csda.2008.11.033

    Article  MathSciNet  MATH  Google Scholar 

  3. Verou, L.: LCH colors in CSS: What, why, and how?. https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/. Accessed 10 Mar 2023

  4. LCH(): Can I use... support tables for HTML5, CSS3, etc, https://caniuse.com/?search=lch%28%29. Accessed 10 Mar 2023

  5. Ohnishi, M., et al.: Effects of luminance contrast and character size on reading speed. Vision. Res. 166, 52–59 (2020). https://doi.org/10.1016/j.visres.2019.09.010

    Article  Google Scholar 

  6. Humar, I., Gradisar, M., Turk, T., Erjavec, J.: The impact of color combinations on the legibility of text presented on lcds. Appl. Ergon. 45, 1510–1517 (2014). https://doi.org/10.1016/j.apergo.2014.04.013

    Article  Google Scholar 

  7. Contrast (minimum): understanding SC 1.4.3. https://www.w3.org/WAI/GL/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html. Accessed 10 Mar 2023

  8. O'Connor, E.: Orange you accessible? A mini case study on color ratio. https://www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio. Accessed 10 Mar 2023

  9. W3C: Contrast ratio math and related visual issues · issue #695 · W3C/WCAG. https://github.com/w3c/wcag/issues/695. Accessed 10 Mar 2023

  10. W3C Accessibility Guidelines (WCAG) 3.0. https://www.w3.org/TR/wcag-3.0/. Accessed 10 Mar 2023

  11. Charness, N., Dijkstra, K., Jastrzembski, T., Weaver, S., Champion, M.: Monitor viewing distance for younger and older workers. Proc. Hum. Fact. Ergon. Soc. Ann. Meet. 52, 1614–1617 (2008). https://doi.org/10.1177/154193120805201965

    Article  Google Scholar 

  12. Bababekova, Y., Rosenfield, M., Hue, J.E., Huang, R.R.: Font size and viewing distance of handheld smart phones. Optom. Vis. Sci. 88, 795–797 (2011). https://doi.org/10.1097/opx.0b013e3182198792

    Article  Google Scholar 

  13. Ardov, A.: Huetone: A tool to create accessible color systems. https://github.com/ardov/huetone. Accessed 10 Mar 2023

  14. Ulitin, K.: Color in Interface. Int. Culture Technol. Stud. 6, 225–234 (2022). https://doi.org/10.17586/2587-800x-2021-6-4-225-234

    Article  Google Scholar 

Download references

Acknowledgement

Author would like to thank Olga Resetnaka, Artem Verkhogliadov for their help with text editing and Arthur Savchenko for idea of initial analysis.

Author information

Authors and Affiliations

  1. MyOffice, Nevsky pr. 104, 191025, Sankt-Petersburg, Russia

    Kirill Ulitin

Authors
  1. Kirill Ulitin
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Kirill Ulitin .

Editor information

Editors and Affiliations

  1. University of Crete and Foundation for Research and Technology - Hellas (FORTH), Heraklion, Crete, Greece

    Constantine Stephanidis

  2. University of Crete and Foundation for Research and Technology - Hellas (FORTH), Heraklion, Crete, Greece

    Margherita Antona

  3. University of Crete and Foundation for Research and Technology - Hellas (FORTH), Heraklion, Crete, Greece

    Stavroula Ntoa

  4. University of Central Florida, Orlando, FL, USA

    Gavriel Salvendy

Rights and permissions

Reprints and permissions

Copyright information

© 2023 The Author(s), under exclusive license to Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Ulitin, K. (2023). Applying APCA and Huetone for Color Accessibility of User Interfaces. In: Stephanidis, C., Antona, M., Ntoa, S., Salvendy, G. (eds) HCI International 2023 Posters. HCII 2023. Communications in Computer and Information Science, vol 1833. Springer, Cham. https://doi.org/10.1007/978-3-031-35992-7_53

Download citation

  • DOI: https://doi.org/10.1007/978-3-031-35992-7_53

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-031-35991-0

  • Online ISBN: 978-3-031-35992-7

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics

Search

Navigation