UX: Improve Accessibility / Enable Page Zoom

[Jab2870]

Hi,

I see that commit b716935 disables page
zooming. As someone who makes heavy use of this feature, would you consider
undoing the change? For people who have weak eyesight, this change could cause
significant issues.

The ability to increase the size of everything is, for me, a huge advantage that
web apps provide over native.

Here are a few resources that you might find helpful

https://www.a11yproject.com/posts/2013-01-14-never-use-maximum-scale/
http://www.javierusobiaga.com/blog/stop-using-the-viewport-tag-until-you-know-ho/

[lastzero]

Someone else asked for this. Guess we'll add yet another config flag! Thanks for letting us know :)

[lastzero]

@Jab2870 Are there additional accessibility features we may implement to make using PhotoPrism easier for you?

[Jab2870]

Hi @lastzero,

I have noticed that when tabbing through the application, it is not always clear
which elements currently have focus. However, if you like, I will create a
separate issue for that.

[lastzero]

Sounds like this is more work, also I'm not sure how much influence we have on this since we're using a UI framework.

Maybe you (or some one else) finds something in the docs: https://v15.vuetifyjs.com/en/getting-started/quick-start

[lastzero]

Let us know if there are any obvious "quick wins", like the zoom. Might be able to implement those as part of this issue.

[Jab2870]

I used to be a front end dev although I haven't done much with vuetify. I will
have a read through the docs and let you know, might be able to make some pull
requests for you as well although it probably won't be until next weekend now.

[lastzero]

You may now change this in config/settings.yml - we'll also add Accessibility settings to our UI but in a later release as it requires translations & documentation.

See https://github.com/photoprism/photoprism/releases/tag/210104-7f9e806a