Kilotest: Diagnoses of invalid CSS at-rule violation by HTML element 0 on Water for People page

Basics

About the page

• URL: https://www.waterforpeople.org/
• Tested 2 days ago on 2026-10-07 at 23:26 by job 261007T2306-eav
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 12
  • Violations: 1506
  • Violators: 473
  • Issues: 70
• Download the full technical report (JSON)

About the issue

• Why it matters: Page cannot be properly displayed in particular contexts
• Priority: high
• Related WCAG standard: 4.1
• Reported by 1 rule engine (Html Checker)
• Violations: 39
• Violators: 1

About the violator

• Tag name: HTML
• Text: [not applicable]
• Start tag: <html lang="en-US" prefix="og: https://ogp.me/ns#" class="chrome chrome153" style="overflow-x: hidden;">
• XPath: /html
• Bounding box: x = 0, y = 0, width = 1920, height = 5308
• Reported by Html Checker

Diagnoses

Here is how rule engines diagnose the invalid CSS at-rule issue for HTML element 0 of the Water for People page.

1. Style rule .fl-node-0mb6orxu9h2n > .fl-row-content-wrap not allowed outside an @scope rule in a style element in body. Extract: px) { .fl-node-0mb6orxu9h2n > .fl-row-content-wrap {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .fl-node-0mb6orxu9h2n > .fl-row-content-wrap not allowed outside an @scope rule in a style element in body.

2. Style rule .fl-module-pp-heading not allowed outside an @scope rule in a style element in body. Extract: } .fl-module-pp-heading {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .fl-module-pp-heading not allowed outside an @scope rule in a style element in body.

3. Style rule .fl-node-0mb6orxu9h2n > .fl-row-content-wrap:after not allowed outside an @scope rule in a style element in body. Extract: } .fl-node-0mb6orxu9h2n > .fl-row-content-wrap:after {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .fl-node-0mb6orxu9h2n > .fl-row-content-wrap:after not allowed outside an @scope rule in a style element in body.

4. Style rule .fl-module-pp-heading:after not allowed outside an @scope rule in a style element in body. Extract: } .fl-module-pp-heading:after {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .fl-module-pp-heading:after not allowed outside an @scope rule in a style element in body.

5. Style rule .fl-module-pp-heading .fl-module-content not allowed outside an @scope rule in a style element in body. Extract: .fl-module-pp-heading .fl-module-content {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule .fl-module-pp-heading .fl-module-content not allowed outside an @scope rule in a style element in body.

6. Style rule #teaserbox-form not allowed outside an @scope rule in a style element in body. Extract: ; } } #teaserbox-form { w

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule #teaserbox-form not allowed outside an @scope rule in a style element in body.

7. Style rule #teaserbox-form not allowed outside an @scope rule in a style element in body. Extract: { #teaserbox-form {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule #teaserbox-form not allowed outside an @scope rule in a style element in body.

8. Style rule #teaserbox-form h2 not allowed outside an @scope rule in a style element in body. Extract: } } #teaserbox-form h2 { c

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule #teaserbox-form h2 not allowed outside an @scope rule in a style element in body.

9. Style rule #teaserbox-form h2 not allowed outside an @scope rule in a style element in body. Extract: { #teaserbox-form h2 {

   Rule engine: Html Checker (World Wide Web Consortium)

   Rule: Style rule #teaserbox-form h2 not allowed outside an @scope rule in a style element in body.

10. Style rule #teaserbox-form-frequency not allowed outside an @scope rule in a style element in body. Extract: } } #teaserbox-form-frequency { f

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency not allowed outside an @scope rule in a style element in body.

11. Style rule #teaserbox-form-frequency div not allowed outside an @scope rule in a style element in body. Extract: ive; } #teaserbox-form-frequency div { h

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency div not allowed outside an @scope rule in a style element in body.

12. Style rule #teaserbox-form-frequency div not allowed outside an @scope rule in a style element in body. Extract: { #teaserbox-form-frequency div {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency div not allowed outside an @scope rule in a style element in body.

13. Style rule #teaserbox-form-frequency div input[type="radio"], #teaserbox-form-frequency div input[type="radio"] + label not allowed outside an @scope rule in a style element in body. Extract: } } #teaserbox-form-frequency div input[type="radio"], #teaserbox-form-frequency div input[type="radio"] + label { d

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency div input[type="radio"], #teaserbox-form-frequency div input[type="radio"] + label not allowed outside an @scope rule in a style element in body.

14. Style rule #teaserbox-form-frequency div input[type="radio"] not allowed outside an @scope rule in a style element in body. Extract: ock; } #teaserbox-form-frequency div input[type="radio"] { o

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency div input[type="radio"] not allowed outside an @scope rule in a style element in body.

15. Style rule #teaserbox-form-frequency div input[type="radio"] + label not allowed outside an @scope rule in a style element in body. Extract: ute; } #teaserbox-form-frequency div input[type="radio"] + label { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency div input[type="radio"] + label not allowed outside an @scope rule in a style element in body.

16. Style rule #teaserbox-form-frequency div input[type="radio"] + label:hover not allowed outside an @scope rule in a style element in body. Extract: -in; } #teaserbox-form-frequency div input[type="radio"] + label:hover { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency div input[type="radio"] + label:hover not allowed outside an @scope rule in a style element in body.

17. Style rule #teaserbox-form-frequency div input[type="radio"] + label not allowed outside an @scope rule in a style element in body. Extract: { #teaserbox-form-frequency div input[type="radio"] + label {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency div input[type="radio"] + label not allowed outside an @scope rule in a style element in body.

18. Style rule #teaserbox-form-frequency div input[type="radio"]:checked + label, #teaserbox-form-frequency div input[type="radio"]:checked + label:hover not allowed outside an @scope rule in a style element in body. Extract: } } #teaserbox-form-frequency div input[type="radio"]:checked + label, #teaserbox-form-frequency div input[type="radio"]:checked + label:hover { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-frequency div input[type="radio"]:checked + label, #teaserbox-form-frequency div input[type="radio"]:checked + label:hover not allowed outside an @scope rule in a style element in body.

19. Style rule #teaserbox-form h3 not allowed outside an @scope rule in a style element in body. Extract: 874; } #teaserbox-form h3 { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form h3 not allowed outside an @scope rule in a style element in body.

20. Style rule #teaserbox-form-amount not allowed outside an @scope rule in a style element in body. Extract: 700; } #teaserbox-form-amount { f

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount not allowed outside an @scope rule in a style element in body.

21. Style rule #teaserbox-form-amount div not allowed outside an @scope rule in a style element in body. Extract: ive; } #teaserbox-form-amount div { h

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div not allowed outside an @scope rule in a style element in body.

22. Style rule #teaserbox-form-amount div input[type="radio"], #teaserbox-form-amount div input[type="radio"] + label not allowed outside an @scope rule in a style element in body. Extract: ive; } #teaserbox-form-amount div input[type="radio"], #teaserbox-form-amount div input[type="radio"] + label { d

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div input[type="radio"], #teaserbox-form-amount div input[type="radio"] + label not allowed outside an @scope rule in a style element in body.

23. Style rule #teaserbox-form-amount div input[type="radio"] not allowed outside an @scope rule in a style element in body. Extract: ock; } #teaserbox-form-amount div input[type="radio"] { o

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div input[type="radio"] not allowed outside an @scope rule in a style element in body.

24. Style rule #teaserbox-form-amount div input[type="radio"] + label not allowed outside an @scope rule in a style element in body. Extract: ute; } #teaserbox-form-amount div input[type="radio"] + label { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div input[type="radio"] + label not allowed outside an @scope rule in a style element in body.

25. Style rule #teaserbox-form-amount div input[type="radio"] + label:hover not allowed outside an @scope rule in a style element in body. Extract: -in; } #teaserbox-form-amount div input[type="radio"] + label:hover { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div input[type="radio"] + label:hover not allowed outside an @scope rule in a style element in body.

26. Style rule #teaserbox-form-amount div input[type="radio"] + label not allowed outside an @scope rule in a style element in body. Extract: { #teaserbox-form-amount div input[type="radio"] + label {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div input[type="radio"] + label not allowed outside an @scope rule in a style element in body.

27. Style rule #teaserbox-form-amount div input[type="radio"]:checked + label, #teaserbox-form-amount div input[type="radio"]:checked + label:hover not allowed outside an @scope rule in a style element in body. Extract: } } #teaserbox-form-amount div input[type="radio"]:checked + label, #teaserbox-form-amount div input[type="radio"]:checked + label:hover { c

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div input[type="radio"]:checked + label, #teaserbox-form-amount div input[type="radio"]:checked + label:hover not allowed outside an @scope rule in a style element in body.

28. Style rule #teaserbox-form-amount div:last-child not allowed outside an @scope rule in a style element in body. Extract: 874; } #teaserbox-form-amount div:last-child { p

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div:last-child not allowed outside an @scope rule in a style element in body.

29. Style rule #teaserbox-form-amount div:last-child label not allowed outside an @scope rule in a style element in body. Extract: ive; } #teaserbox-form-amount div:last-child label { p

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div:last-child label not allowed outside an @scope rule in a style element in body.

30. Style rule #teaserbox-form-amount div:last-child label:hover not allowed outside an @scope rule in a style element in body. Extract: ant; } #teaserbox-form-amount div:last-child label:hover { b

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div:last-child label:hover not allowed outside an @scope rule in a style element in body.

31. Style rule #teaserbox-form-amount div:last-child input[type="text"], #teaserbox-form-amount div:last-child input[type="number"] not allowed outside an @scope rule in a style element in body. Extract: ant; } #teaserbox-form-amount div:last-child input[type="text"], #teaserbox-form-amount div:last-child input[type="number"] { m

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-amount div:last-child input[type="text"], #teaserbox-form-amount div:last-child input[type="number"] not allowed outside an @scope rule in a style element in body.

32. Style rule #teaserbox-form-action not allowed outside an @scope rule in a style element in body. Extract: ff; } #teaserbox-form-action { m

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-action not allowed outside an @scope rule in a style element in body.

33. Style rule #teaserbox-form-action input[type="submit"] not allowed outside an @scope rule in a style element in body. Extract: 0 0; } #teaserbox-form-action input[type="submit"] { h

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-action input[type="submit"] not allowed outside an @scope rule in a style element in body.

34. Style rule #teaserbox-form-action input[type="submit"]:hover not allowed outside an @scope rule in a style element in body. Extract: -in; } #teaserbox-form-action input[type="submit"]:hover { b

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-action input[type="submit"]:hover not allowed outside an @scope rule in a style element in body.

35. Style rule #teaserbox-form-action input[type="submit"] not allowed outside an @scope rule in a style element in body. Extract: { #teaserbox-form-action input[type="submit"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-action input[type="submit"] not allowed outside an @scope rule in a style element in body.

36. Style rule #teaserbox-form-action input[type="submit"] not allowed outside an @scope rule in a style element in body. Extract: { #teaserbox-form-action input[type="submit"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-action input[type="submit"] not allowed outside an @scope rule in a style element in body.

37. Style rule #teaserbox-form-action input[type="submit"] not allowed outside an @scope rule in a style element in body. Extract: { #teaserbox-form-action input[type="submit"] {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-form-action input[type="submit"] not allowed outside an @scope rule in a style element in body.

38. Style rule #teaserbox-announcement not allowed outside an @scope rule in a style element in body. Extract: s bold */ #teaserbox-announcement { t

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule #teaserbox-announcement not allowed outside an @scope rule in a style element in body.

39. Style rule .uabb-button not allowed outside an @scope rule in a style element in body. Extract: / .uabb-button {

    Rule engine: Html Checker (World Wide Web Consortium)

    Rule: Style rule .uabb-button not allowed outside an @scope rule in a style element in body.