docs: improve accessibility of visualizations in engineering docs

[tgrecojs]

While viewing the pages on an ipad i found myself unable to read the text inside the diagram shown within the engineering doc's provider service page.

Click the link above or navigate to: engineering docs > Akash Provider Operators > Provider Service and you'll see the view shown in the image below.

feedback from others would be great as i'd like to ensure i'm not the only one who finds the text on the image difficult to read. there are tools for doing such analysis but not sure of them off the top of my head and would need to do some research.

i think modifying the images all together would be ideal but i am not sure what the timeline would be for something like that. @HoomanHQ what are your thoughts on implementing a modal, or some feature would would make it easy or users to see a zoomed-in version of the image? if we had that, then we could use it whenever images like the one above appear. Notes: this isn't the only instance where this occurs (look around engineering docs)

[HoomanHQ]

agree: updating image is an ideal choice here (such issues are mostly in engineering docs, in user docs almost all the images are of ideal size and clearly visible).
maybe you can share some examples of docs that uses zoomed in features for images, we could definitely explore some ways..

[tgrecojs]

Below is a screenshot from graphics i found on the general information page.

I feel as though updating the current graphics to make use of this color scheme would seemingly fix the issue. If we needed zoom functionality as well, then that's no problem, but I think that it would be beneficial to the network if these visualizations were modified to look like the one on that page i've linked to. In addition to being more accessible, i think it looks much more professional (for lack of a better term).

@brewsterdrinkwater what level of effort would it take to get such changes made to these images in the docs? i'm not sure of the total number of images that need updating but i don't think it'd be > 4-5.

[hiroyukikumazawa]

I will solve this

[hiroyukikumazawa]

https://drive.google.com/file/d/1yjg5E8xwgk1QBkQL-rVF2y5UKpJk1YbJ/view?usp=sharing
We can drop each frame as svg or image and integrate to our website.
How about this approach? @HoomanHQ

[hiroyukikumazawa]

[HoomanHQ]

Without over-complicating it.
The best approach here is to just modify the images based on the styling that we used in user docs following akash branding guidelines.

We will provide you the images and you can consider replacing them here.

thank you

[hiroyukikumazawa]

How is it going?