#fieldset — Public Fediverse posts

It's kinda ridiculous that we can use very cool looking rounded border #fieldset elements with the #legend cut out of the background and border, but we can't make this ourselves using #css.

It's kinda ridiculous that we can use very cool looking rounded border #fieldset elements with the #legend cut out of the background and border, but we can't make this ourselves using #css.

It's kinda ridiculous that we can use very cool looking rounded border #fieldset elements with the #legend cut out of the background and border, but we can't make this ourselves using #css.

Als ich das erste Mal auf fieldset und legend traf, hatte ich nicht viel Ahnung über HTML und insbesondere nicht über Barrierefreiheit. Alles, was ich bemerkte, war die Besonderheit, wie eine legend innerhalb eines fieldset angezeigt wird – oder eher gesagt: am Rahmen eines fieldset.

Schnelldurchlauf bis (grob) heute: während der Arbeit an einem Kontaktformular konnte ich mich damit tiefgreifender befassen und mehr über dieses Element erfahren.

[…]

https://epiph.yt/blog/2025/formularfelder-gruppieren-fuer-mehr-kontext/

#A11 #Accessibility #Barrierefreiheit #fieldset #Formular #Formularfelder #Gruppe #WordPress

Als ich das erste Mal auf fieldset und legend traf, hatte ich nicht viel Ahnung über HTML und insbesondere nicht über Barrierefreiheit. Alles, was ich bemerkte, war die Besonderheit, wie eine legend innerhalb eines fieldset angezeigt wird – oder eher gesagt: am Rahmen eines fieldset.

Schnelldurchlauf bis (grob) heute: während der Arbeit an einem Kontaktformular konnte ich mich damit tiefgreifender befassen und mehr über dieses Element erfahren.

[…]

https://epiph.yt/blog/2025/formularfelder-gruppieren-fuer-mehr-kontext/

#A11 #Accessibility #Barrierefreiheit #fieldset #Formular #Formularfelder #Gruppe #WordPress

When I first stumbled upon fieldset and legend, I didn’t know much about HTML and especially not about accessibility. Everything I noticed was the special way a legend is displayed inside a fieldset – or rather: alongside the border of a fieldset.

Fast forward to (kind of) today: while working on a contact form, I first could get my hands on this element and learned more about it.

https://epiph.yt/en/blog/2025/grouping-form-fields-for-more-context/

#A11y #Accessibility #fieldset #Form #FormFields #Group #WordPress

Als ich das erste Mal auf fieldset und legend traf, hatte ich nicht viel Ahnung über HTML und insbesondere nicht über Barrierefreiheit. Alles, was ich bemerkte, war die Besonderheit, wie eine legend innerhalb eines fieldset angezeigt wird – oder eher gesagt: am Rahmen eines fieldset.

Schnelldurchlauf bis (grob) heute: während der Arbeit an einem Kontaktformular konnte ich mich damit tiefgreifender befassen und mehr über dieses Element erfahren.

[…]

https://epiph.yt/blog/2025/formularfelder-gruppieren-fuer-mehr-kontext/

#A11 #Accessibility #Barrierefreiheit #fieldset #Formular #Formularfelder #Gruppe #WordPress

When I first stumbled upon fieldset and legend, I didn’t know much about HTML and especially not about accessibility. Everything I noticed was the special way a legend is displayed inside a fieldset – or rather: alongside the border of a fieldset.

Fast forward to (kind of) today: while working on a contact form, I first could get my hands on this element and learned more about it.

https://epiph.yt/en/blog/2025/grouping-form-fields-for-more-context/

#A11y #Accessibility #fieldset #Form #FormFields #Group #WordPress

Als ich das erste Mal auf fieldset und legend traf, hatte ich nicht viel Ahnung über HTML und insbesondere nicht über Barrierefreiheit. Alles, was ich bemerkte, war die Besonderheit, wie eine legend innerhalb eines fieldset angezeigt wird – oder eher gesagt: am Rahmen eines fieldset.

Schnelldurchlauf bis (grob) heute: während der Arbeit an einem Kontaktformular konnte ich mich damit tiefgreifender befassen und mehr über dieses Element erfahren.

[…]

https://epiph.yt/blog/2025/formularfelder-gruppieren-fuer-mehr-kontext/

#A11 #Accessibility #Barrierefreiheit #fieldset #Formular #Formularfelder #Gruppe #WordPress

Als ich das erste Mal auf fieldset und legend traf, hatte ich nicht viel Ahnung über HTML und insbesondere nicht über Barrierefreiheit. Alles, was ich bemerkte, war die Besonderheit, wie eine legend innerhalb eines fieldset angezeigt wird – oder eher gesagt: am Rahmen eines fieldset.

Schnelldurchlauf bis (grob) heute: während der Arbeit an einem Kontaktformular konnte ich mich damit tiefgreifender befassen und mehr über dieses Element erfahren.

[…]

https://epiph.yt/blog/2025/formularfelder-gruppieren-fuer-mehr-kontext/

#A11 #Accessibility #Barrierefreiheit #fieldset #Formular #Formularfelder #Gruppe #WordPress

Is it just me or doesn’t VoiceOver announce inputs in a fieldset as part of a group anymore?

Before:
Month, incremental edit text number field, Date, Date, group

Now:
Month, incremental edit text number field, Date

https://jsfiddle.net/sthp8u6d/

#A11y #Accessibility #VoiceOver #Fieldset #Group

Is it just me or doesn’t VoiceOver announce inputs in a fieldset as part of a group anymore?

Before:
Month, incremental edit text number field, Date, Date, group

Now:
Month, incremental edit text number field, Date

https://jsfiddle.net/sthp8u6d/

#A11y #Accessibility #VoiceOver #Fieldset #Group

Is it just me or doesn’t VoiceOver announce inputs in a fieldset as part of a group anymore?

Before:
Month, incremental edit text number field, Date, Date, group

Now:
Month, incremental edit text number field, Date

https://jsfiddle.net/sthp8u6d/

#A11y #Accessibility #VoiceOver #Fieldset #Group

Is it just me or doesn’t VoiceOver announce inputs in a fieldset as part of a group anymore?

Before:
Month, incremental edit text number field, Date, Date, group

Now:
Month, incremental edit text number field, Date

https://jsfiddle.net/sthp8u6d/

#A11y #Accessibility #VoiceOver #Fieldset #Group

I published “Admonitions, Alerts, and Callouts📣” at
https://www.ii.com/admonitions-alerts-callouts/ - your comments are welcome!
#InfiniteInk
#AsciiDoc #GoHugo #Hugo #Markdown #WebDev #Words #Writing #Admonitions #Alerts #Callouts #fieldset
#Byℵ #ByNM

I published “Admonitions, Alerts, and Callouts📣” at
https://www.ii.com/admonitions-alerts-callouts/ - your comments are welcome!
#InfiniteInk
#AsciiDoc #GoHugo #Hugo #Markdown #WebDev #Words #Writing #Admonitions #Alerts #Callouts #fieldset
#Byℵ #ByNM

I published “Admonitions, Alerts, and Callouts📣” at
https://www.ii.com/admonitions-alerts-callouts/ - your comments are welcome!
#InfiniteInk
#AsciiDoc #GoHugo #Hugo #Markdown #WebDev #Words #Writing #Admonitions #Alerts #Callouts #fieldset
#Byℵ #ByNM

I published “Admonitions, Alerts, and Callouts📣” at
https://www.ii.com/admonitions-alerts-callouts/ - your comments are welcome!
#InfiniteInk
#AsciiDoc #GoHugo #Hugo #Markdown #WebDev #Words #Writing #Admonitions #Alerts #Callouts #fieldset
#Byℵ #ByNM

I published “Admonitions, Alerts, and Callouts📣” at
https://www.ii.com/admonitions-alerts-callouts/ - your comments are welcome!
#InfiniteInk
#AsciiDoc #GoHugo #Hugo #Markdown #WebDev #Words #Writing #Admonitions #Alerts #Callouts #fieldset
#Byℵ #ByNM