Where AI-Generated Design Breaks UX Laws
AI design generators rarely produce that code, and the people using them rarely know that this code is missing.
Using AI to generate user interface designs often leads to issues with accessibility and usability. When asked to create a settings screen for a project management app, the AI tool provided a layout with div elements instead of buttons or links. This omission prevents keyboard users from navigating the page using the Tab key, which is essential for those with visual impairments or limited hand mobility.
When pressed, Tab takes focus to the form fields on the right, leaving the Profile, Notifications, and Billing elements out of the tab order entirely. To make these elements keyboard-accessible, developers would need to manually add attributes to force the divs into the tab order and write code to handle Enter and Space bar inputs.
Beyond accessibility, AI-generated interfaces frequently lack proper keyboard navigation, fail to meet Fitts' Law regarding button size, and use visually similar designs across multiple pages. These shortcomings make the interfaces harder to use for people with disabilities and require extra effort from users with motor impairments.
Written by urgent.news from HackerNoon's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
