apisix-website icon indicating copy to clipboard operation
apisix-website copied to clipboard

Improve Mobile Usability: Clickable elements too close together

Open liuxiran opened this issue 4 years ago • 7 comments

Actual Behaviour

An error from google search console: In mobile scenarios, clickable elements too close together in our https://apisix.apache.org/zh/docs/apisix/plugins/jwt-auth/ page.

111

Expected Behaviour

refer to https://seosandwitch.com/fix-clickable-elements-too-close-together-error/ Step3, we can enlarge the space for click item, that would be more friendly for our website

liuxiran avatar Aug 24 '21 02:08 liuxiran

A question: now the page has a on the page block, do we still need the TOC paragraph? image

And do we have any other clickable elements need to be modified?

SkyeYoung avatar Mar 01 '22 02:03 SkyeYoung

A question: now the page has a on the page block, do we still need the TOC paragraph? image

And do we have any other clickable elements need to be modified?

I think TOC paragraph should be kept, on the page block can be removed. This allows the pc and mobile to have the same directory and the changes are smaller.

oil-oil avatar Mar 01 '22 03:03 oil-oil

I think TOC paragraph should be kept, on the page block can be removed. This allows the pc and mobile to have the same directory and the changes are smaller.

I think so, but this maybe need a futher discussion.

SkyeYoung avatar Mar 01 '22 03:03 SkyeYoung

A question: now the page has a on the page block, do we still need the TOC paragraph? image And do we have any other clickable elements need to be modified?

I think TOC paragraph should be kept, on the page block can be removed. This allows the pc and mobile to have the same directory and the changes are smaller.

AFAIK, we will remove all outlines from markdown files, could check apache/apisix's issue 😄

juzhiyuan avatar Mar 06 '22 12:03 juzhiyuan

AFAIK, we will remove all outlines from markdown files, could check apache/apisix's issue 😄

And, "Back to TOC" also need to be removed.

SkyeYoung avatar Mar 22 '22 02:03 SkyeYoung

Yes, e.g., https://apisix.apache.org/docs/apisix/architecture-design/#route

image

juzhiyuan avatar Mar 22 '22 04:03 juzhiyuan

Hello,

I'm eager to help fix the "Clickable Elements Too Close Together" issue in Google Search Console. I've analyzed the problem and am ready to start. Here's my plan:

Identify affected elements. Implement mobile-friendly adjustments. Thoroughly test for a solution. Please assign me this task so I can begin working on it. Feel free to reach out for further discussion.

Thank you! Saurabh Singh [email protected]

saurabhsingh-7 avatar Sep 20 '23 18:09 saurabhsingh-7