When creating accessible web applications using HTML, what are the recommended practices for editable elements?
Say I have a list of cards, each of which have a title which can be edited. Should all these cards be individual forms? Or should these be naked input elements with appropriate labels? Or something different altogether?
André Polykanine
in reply to Chronocide • • •Chronocide
in reply to André Polykanine • • •André Polykanine
in reply to Chronocide • • •Chronocide
in reply to André Polykanine • • •@menelion Inputs inside heading elements are prohibited by the HTML standard yea, as input elements require parents to be phrasing content (developer.mozilla.org/en-US/do…).
The KeyUp is a really good idea actually. Thinking about it, hiding the visibility of the heading is unneccesary for non-sighted users as the problem I'm trying to solve here is preventing duplicate (visible) text. Making the heading invisible for sighted users but visible in the a11y tree might be better in this case. Many thanks!