AUDIT - Settings Zoom

[trallard]

• 200%
• 400%
• Change the default value of text size from 16 to 30 in the web browser
• Test with different screen sizes

References

• Theme scope checklist
• Audit spreadsheet

[steff456]

These are the results of the Zoom Audit,

Settings behavior

Notes

• Settings is not usable with 200% or 400% zoom, the options are chopped and not readable
• The area in the container is defined in px and it changes dynamically with the screen size
• Changing the default text size doesn't do any effect in Jlab UI, but changing the minimum text size in the browser does create changes.
• The width of the left menu area is fixed in px - this is the reason why it doesn't resize
• Modifying to responsive layouts break the settings view and its usability
• The interface is using the same gear icon for multiple entries
• In the case that the user expands all the sidebars in small screens or with high zoom, the area of the settings and main container is reduced to nothing making it not usable.

Suggestions

• Adding a way to compress the left menu area or adding a horizontal scrollbar so the user will be able to navigate through all the options
• Do we want to have the same icon for multiple entries in the setting's menu?
• We need to define a new UX for when the left/right sidebar is expanded