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/

#A11y #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

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

🌈 Nouvelle vidéo ! Apprenez les Balises HTML peu connues 🌈

Dans ce tutoriel, je vous montre des balises HTML qui peuvent transformer vos pages web. Découvrez l’utilité des balises fieldset, datalist, meter, progress, kbd, ins, del, abbr, et base pour rendre vos sites plus accessibles et dynamiques ! 💻

🎥 Voir la vidéo : https://youtu.be/0iaM9o33Nlc

#HTML #Accessibilité #DéveloppementWeb #BalisesHTML #WebDesign #FrontEnd #Fieldset #Datalist #ProgressBar #CodeAccessible #MastodonTech