Menu
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AWS AI GO KOTLIN SASS VUE GEN AI CYBERSECURITY DATA SCIENCE
     ❯   

Accessibility Zoom Introduction


In this module, you will not learn about the video service Zoom. You will learn about different ways users use zoom to better see and read the content of a site or app.

Users with low vision zoom in on content to be able to perceive it. Users with good vision zoom in on content to increase the readability of the content. There are three main ways of zooming:

  1. Screen magnifier
  2. Text zoom
  3. Page zoom

You will learn about text and page zoom. As a developer, there is not that much to think about when it comes to screen magnifier.

The Samsung website using a screen magnifier, zoomed 10 times. The picture in picture showing a big button named Buy now.

This is an example of a screen magnifier from Mac OS X. The picture-in-picture shows a 10 times zoomed portion of the Samsung website.

First, you will learn how to let users change the text size without zooming the entire interface.



W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2023 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.