How to ensure screen magnification accessibility

To provide screen magnification accessibility:

  • content must not overlap each other
  • webpages must still be functional when magnified
  • avoid placing text in images

When a user magnifies webpage it is important that content does not overlap. This can create visual problems for users trying to navigate a webpage that is magnified. It is recommended that you use a fluid page layout to avoid the problem.

All interactive elements must be functional when a page is magnified. Users should still be able to see all interactive elements on the page. Often button elements cannot be seen when an inaccessible page is magnified.

When developing a website text should be placed within text containers and not in images. When a webpage magnifies images of text, the text often gets blurry.