Predictable label placement (label-position)

Labels are positioned where users expect: before or above text inputs (for LTR languages) and after checkboxes/radios, with clear proximity to their fields.


Label below text input (LTR):

In this example, the label appears after/below the text field. This breaks predictable placement for LTR languages, where users expect the label immediately before/above the input.


Note: Impossible to fully auto-test. While DOM order can be checked (e.g., label follows input) and some CSS heuristics can be flagged, a human tester or AI is needed to confirm visual placement and proximity in different layouts and languages.


axe detected: none  |  QualWeb detected: none