inherentlee/leecat.art
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add framer, gen -> generative
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
inherentlee
2026-09-08 09:14:49 -07:00
parent f4a32e5292
commit df9b5e4c55
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/posts/2026/2026-08-05-visual-site-builders-accessibility.md
+15 -5
View File
@@ -55,7 +55,7 @@ Want to just see the final ranking? Pop down to the [summary](#summary).
## Figma Sites
[Figma Sites](https://www.figma.com/sites/){target="_blank" rel="external"} allows you to turn a Figma design into a functioning website. It offers gen AI features. I tested two themes from Figma Community.
[Figma Sites](https://www.figma.com/sites/){target="_blank" rel="external"} allows you to turn a Figma design into a functioning website. It offers generative AI features. I tested two themes from Figma Community.
| Factor | Notes | Score |
|---|---|---|
@@ -69,7 +69,17 @@ Want to just see the final ranking? Pop down to the [summary](#summary).
## Framer
To be explored.
[Framer](https://framer.com){target="_blank" rel="external"} is a full-featured site designer with a built-in CMS. It offers generative AI features.
| Factor | Notes | Score |
|---|---|---|
| Semantic HTML | Tags can be set per-element in the "Accessibility" section of the right-hand pane. Takes work, but is doable with care. | 2 |
| Keyboard navigation | Browser default focus outlines. Some weird clipping of focus outlines in the testing I did. Focus states configurable with custom CSS. | 2 |
| Reading order | With proper layout settings, reading order can be correct. Takes some effort and can't really just be stumbled into. | 2 |
| Text alternatives | Supported. | 3 |
| Color | Light and dark modes are possible. | 3 |
| Other | "Accessibility" section of the right-hand pane allows adding tab index. Defaults to 1 rather than 0. | 1 |
| | | **13** |
## Kiki
@@ -165,7 +175,7 @@ To be explored.
## Webnode
[Webnode](https://https://www.webnode.com) is a drag-and-drop builder (with gen AI features). I reviewed a site built in it sent by the recommender as well as one of the premade themes.
[Webnode](https://https://www.webnode.com) is a drag-and-drop builder (with generative AI features). I reviewed a site built in it sent by the recommender as well as one of the premade themes.
| Factor | Notes | Score |
|---|---|---|
@@ -213,6 +223,7 @@ Overall, I explored 11 builders, couldn't test 1 due to OS restrictions, and hav
|---|---|
| Webnode* | 14 |
| Figma Sites* | 13 |
| Framer* | 13 |
| Startup | 13 |
| Blocs** | 12 |
| Univer.se | 11 |
@@ -225,9 +236,8 @@ Overall, I explored 11 builders, couldn't test 1 due to OS restrictions, and hav
| Rapidweaver | Couldn't test (MacOS only). |
| Beaver Builder (Wordpress) | Yet to review. |
| Divi (Wordpress) | Yet to review. |
| Framer* | Yet to review. |
| Webflow* | Yet to review. |
\*Promotes gen AI features.
\*Promotes generative AI features.
\**Usability concerns on iPad.