search

alphagov / tech-docs-gem

Gem to distribute the tech docs project
https://tdt-documentation.london.cloudapps.digital/
MIT License
15 stars 38 forks source link

Zooming and scaling does not work properly on mobile devices #110

Closed jakubmiarka closed 4 years ago

jakubmiarka commented 5 years ago

The scaling and zooming on mobile devices is disabled: https://github.com/alphagov/tech-docs-gem/blob/6c44ea2c6e8787046af0fe4fa6049c9609f2beab/lib/source/layouts/core.erb#L6

This fails WCAG 2.1 - 1.4.4 Resize text Level AA criterion.

36degrees commented 5 years ago

From memory, this is because of the sticky 'table of contents' on mobile, and the peculiar way that sticky elements scale and position themselves when zooming (I think there may also have been issues with the table of contents overlay that appears)

As a lot of the tech docs using this format are now split across multiple pages, it may be that the table of contents overlay can be redesigned or removed, but this isn't a trivial change and IMHO needs to be designed and researched.

NickColley commented 5 years ago

Testing this on Android Chrome, it lets you zoom regardless of if we've turned it off.

Will need to test on more devices to see what the behaviour is.