NiceGUI accessibility

[evnchn]

Couple of problems:

• No aria label for icon-button, nor images
• Poor support for forced-colors https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/forced-colors
• Poor support for accessibiluty prefers-*:
  • https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-contrast
  • https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion
  • Maybe https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-transparency#browser_compatibility

Anyone up to take a shot?

[phifuh]

• Better support for 2k/4k/widescreen resolutions.
  max-w-[1250px] mx-auto is creating a lot of space between each side, where I would wish the site would fill x% more of the screen.

The examples could realy use more space 👯

[evnchn]

Oh. My attempt is only active when looking into the nested pages about a particular element like /documentation/button

Does nothing on /documentation/section_controls

[phifuh]

The bigger header seems fine, the position of the main content is better but having the reference on the right site, just put strain on the eyes and its harder to focus at a first glance but obv I am not an expert thats just my first impression. Maybe this discussion should focus on the other accesability things you mentioned earlier but I appreciate your work 🥇.

By the way I noticed that sometimes the page isnt loading on localhost.
I started to notice it yesteday when running sortable + v3.6 and that clicking on header items didnt load the next page, so when e.x pressing demo nothings happens and first a F5 loads the page.

[falkoschindler]

By the way I noticed that sometimes the page isnt loading on localhost.

This should be fixed on main. 🤞🏻
(I forgot which PR is responsible to be honest...)

[evnchn]

Can still recreate on main...

But let's discuss this somewhere else, this thread is for accessibility... @phifuh Can you open a new issue? I'm heading out.

[evnchn]

The UI looks like this on my home's 50 inch TV (though not 4K since my HDMI cables are horrible)

I don't think we need a UI rework if it works here.