fix: add ARIA landmarks for accessibility (#12607)
* feat: add ARIA landmarks for accessibility
- Add role="main" to main content container using semantic <main> element
- Add role="group" with aria-label support to Block component for fieldsets
- Add role="group" with aria-label to BaseForm component
- Add role="dialog" and aria-modal to API docs and settings modals
- Add aria-label to footer navigation
Fixes #5771
Signed-off-by: majiayu000 <1835304752@qq.com>
* add changeset
* add changeset
* fix: conditionally apply role='group' to BaseForm to fix accessibility issue
* add changeset
* Fix duplicate main element in Embed.svelte
* Remove redundant role from Block.svelte
* format
* remove redundant test
* remove superfluous aria
---------
Signed-off-by: majiayu000 <1835304752@qq.com>
Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Hannah <hannahblair@users.noreply.github.com>
Co-authored-by: Freddy Boulton <41651716+freddyaboulton@users.noreply.github.com>
Co-authored-by: hannahblair <hannahblair@hotmail.co.uk>
