{"componentChunkName":"component---src-templates-docs-js","path":"/mobile-validations/visible-labels","result":{"data":{"site":{"siteMetadata":{"title":"Accessibility Knowledge Base | Evinced, Inc.","docsLocation":"https://github.com/GetEvinced/evinced-kb"}},"mdx":{"fields":{"id":"02b92283-3909-5ba5-a516-067e21a0532d","title":"visible-labels","slug":"/mobile-validations/visible-labels"},"body":"var _excluded = [\"components\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"visible-labels\",\n  \"metaTitle\": \"Mobile validations, Visible labels\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Elements that allow users input must have a visible label to indicate their context and purpose.\")), mdx(AffectsBox, {\n    mdxType: \"AffectsBox\"\n  }, \"LV,COG\"), mdx(\"h2\", null, \"Description\"), mdx(\"p\", null, \"All text and form fields need a visible, permanent label to clearly identify their purpose.\\nThese labels should always be in close proximity to their associated fields,\\nmaking their relationship obvious and ensuring users of magnifier software can perceive them together.\\nA placeholder is not a valid substitute for a true label,\\nas it disappears once a user enters a value, hindering their understanding of the field's purpose.\"), mdx(\"h2\", null, \"Quick Fixes\"), mdx(\"p\", null, \"Ensure you provide a visible and properly positioned label for every form field,\\nensuring it's not a placeholder (attribute), and its association with the input is immediately clear to all users.\"), mdx(\"h3\", null, \"Fail Patterns\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"../../images/entries/mobile/visible_labels/VisibleLabels2.png\",\n    \"alt\": \"Two text fields that appear one above the other. The first text field has only a placeholder with no other visible label. A red X appears above the text field with the text next to it: \\\"Placeholder alone is not considered a valid label.\\\" The second text field has a visible label but it is located a significant distance above it. The text above the second text field says: \\\"Form fields labels must be close to them so that any user can easily perceive and understand the relationship between them.\\\"\"\n  }), \"\\n\", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"../../images/entries/mobile/visible_labels/VisibleLabels1.png\",\n    \"alt\": \"Three checkboxes, each with a label. The first is apple, the second is banana, and the third is avocado. The labels are to the left of the checkboxes but spaced apart. Above the checkboxes group is the following text: \\\"The checkboxes are too far from their visible labels. Magnifier users may have difficulty relating the label to the checkbox\\\".\"\n  })), mdx(\"h3\", null, \"Pass Patterns\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"../../images/entries/mobile/visible_labels/VisibleLabels3.png\",\n    \"alt\": \"Three text boxes that demonstrate proper use of visible labels. The first field is for entering an email address, it has a visible label located adjacent to the text field above it. It says \\\"Email Address.\\\" In addition this text field has a placeholder that displays an example of an email address format. The second field is for \\\"Full Name,\\\" the visible label is located similarly to the email field, that field does not have a placeholder. The third text field is for \\\"Home Address,\\\" in this case the visible label is located adjacent to the text field to its left.\"\n  }), \"\\n\", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"../../images/entries/mobile/visible_labels/VisibleLabels4.png\",\n    \"alt\": \"Three checkboxes, each with a label. The first is an apple, the second is a banana, and the third is an avocado. The labels are to the left of the checkboxes, in close proximity to them. Above the checkboxes group is the following text: \\\"The visible labels are placed close to their associated checkboxes in a way that allows all users to clearly understand and perceive the relationship between them.\\\"\"\n  })), mdx(\"h2\", null, \"How Users Are Affected\"), mdx(\"p\", null, \"Missing or poorly associated form labels create barriers for many users.\\nWithout clear, persistent labels, individuals struggle to understand a field\\\\'s purpose,\\nleading to confusion, errors, and form abandonment. This impacts users with cognitive disabilities,\\nfor whom disappearing placeholder text can cause significant confusion and memory strain.\\nAdditionally, users with low vision who use magnifier software may struggle with labels not in close proximity.\"), mdx(\"h2\", null, \"WCAG Success criteria\"), mdx(\"p\", null, \"This issue might cause elements to fail one or more of the following Success criteria:\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.w3.org/TR/WCAG22/#labels-or-instructions\"\n  }, \"3.3.2 Labels or Instructions\"), \" \", \"(\", \"A\", \")\"), mdx(\"h2\", null, \"Recommended Reading\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://www.w3.org/WAI/WCAG22/Understanding/labels-or-instructions.html\"\n  }, \"Understanding Success Criterion 3.3.2 Labels or Instructions\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://lawsofux.com/law-of-proximity/\"\n  }, \"Law of Proximity\"), \", Laws of UX\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#description","title":"Description"},{"url":"#quick-fixes","title":"Quick Fixes","items":[{"url":"#fail-patterns","title":"Fail Patterns"},{"url":"#pass-patterns","title":"Pass Patterns"}]},{"url":"#how-users-are-affected","title":"How Users Are Affected"},{"url":"#wcag-success-criteria","title":"WCAG Success criteria"},{"url":"#recommended-reading","title":"Recommended Reading"}]},"parent":{"__typename":"File","relativePath":"mobile-validations/visible-labels.mdx"},"frontmatter":{"metaTitle":"Mobile validations, Visible labels","metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/components","title":"Components"}}},{"node":{"fields":{"slug":"/","title":"About this knowledge base"}}},{"node":{"fields":{"slug":"/mobile-validations","title":"Mobile Validations"}}},{"node":{"fields":{"slug":"/elements","title":"Elements"}}},{"node":{"fields":{"slug":"/components/Accordion","title":"Accordion"}}},{"node":{"fields":{"slug":"/system-validations","title":"System Validations"}}},{"node":{"fields":{"slug":"/components/Breadcrumb","title":"Breadcrumb"}}},{"node":{"fields":{"slug":"/components/Button","title":"Button"}}},{"node":{"fields":{"slug":"/concepts","title":"A11y Concepts"}}},{"node":{"fields":{"slug":"/tbd","title":"In Writing Process"}}},{"node":{"fields":{"slug":"/components/Checkbox","title":"Checkbox"}}},{"node":{"fields":{"slug":"/components/Carousel","title":"Carousel"}}},{"node":{"fields":{"slug":"/components/Dialog","title":"Modal Dialog"}}},{"node":{"fields":{"slug":"/components/Disclosure","title":"Disclosure"}}},{"node":{"fields":{"slug":"/components/Feed","title":"Feed"}}},{"node":{"fields":{"slug":"/components/Data-grid","title":"Data Grid"}}},{"node":{"fields":{"slug":"/components/Listbox","title":"Listbox"}}},{"node":{"fields":{"slug":"/components/Link","title":"Link"}}},{"node":{"fields":{"slug":"/components/Meter","title":"Meter"}}},{"node":{"fields":{"slug":"/components/Modal-Launcher","title":"Modal Launcher"}}},{"node":{"fields":{"slug":"/components/Multi-thumb-slider","title":"Multi-thumb slider"}}},{"node":{"fields":{"slug":"/components/Slider","title":"Slider"}}},{"node":{"fields":{"slug":"/components/Menu-button","title":"Menu Button"}}},{"node":{"fields":{"slug":"/components/Menu","title":"Menu"}}},{"node":{"fields":{"slug":"/components/Combobox","title":"Combobox"}}},{"node":{"fields":{"slug":"/components/Radio-Group","title":"Radio Group"}}},{"node":{"fields":{"slug":"/components/Switch","title":"Switch"}}},{"node":{"fields":{"slug":"/components/Site-navigation","title":"Site Navigation"}}},{"node":{"fields":{"slug":"/components/Tablist","title":"Tablist"}}},{"node":{"fields":{"slug":"/components/Toggle-Button","title":"Toggle Button"}}},{"node":{"fields":{"slug":"/components/Spin-button","title":"Spin button"}}},{"node":{"fields":{"slug":"/concepts/semantic-dom","title":"semantic DOM"}}},{"node":{"fields":{"slug":"/components/Table","title":"Table"}}},{"node":{"fields":{"slug":"/components/progressbar","title":"Progressbar"}}},{"node":{"fields":{"slug":"/elements/page-structure","title":"Page structure"}}},{"node":{"fields":{"slug":"/elements/landmarks","title":"Landmarks"}}},{"node":{"fields":{"slug":"/elements/widgets","title":"Widgets"}}},{"node":{"fields":{"slug":"/mobile-validations/accessible-name-starts-with-label","title":"accessible-name-starts-with-label"}}},{"node":{"fields":{"slug":"/mobile-validations/accessible-name","title":"accessible-name"}}},{"node":{"fields":{"slug":"/concepts/accessible-names","title":"accessible names"}}},{"node":{"fields":{"slug":"/mobile-validations/colliding-controls","title":"colliding-controls"}}},{"node":{"fields":{"slug":"/mobile-validations/alternative-text","title":"alternative-text"}}},{"node":{"fields":{"slug":"/mobile-validations/color-contrast","title":"color-contrast"}}},{"node":{"fields":{"slug":"/mobile-validations/conflicting-type-in-label","title":"conflicting-type-in-label"}}},{"node":{"fields":{"slug":"/mobile-validations/conflicting-state-in-name","title":"conflicting-state-in-name"}}},{"node":{"fields":{"slug":"/mobile-validations/duplicate-name","title":"duplicate-name"}}},{"node":{"fields":{"slug":"/mobile-validations/content-grouping","title":"content-grouping"}}},{"node":{"fields":{"slug":"/mobile-validations/focus-order","title":"focus-order"}}},{"node":{"fields":{"slug":"/mobile-validations/instruction-in-name","title":"instruction-in-name"}}},{"node":{"fields":{"slug":"/mobile-validations/icon-contrast","title":"icon-contrast"}}},{"node":{"fields":{"slug":"/mobile-validations/focus-trap","title":"focus-trap"}}},{"node":{"fields":{"slug":"/components/Text-input","title":"Text Input"}}},{"node":{"fields":{"slug":"/mobile-validations/invalid-labeling-attribute","title":"invalid-labeling-attribute"}}},{"node":{"fields":{"slug":"/mobile-validations/invalid-range-values","title":"invalid-range-values"}}},{"node":{"fields":{"slug":"/mobile-validations/label-capitalization","title":"label-capitalization"}}},{"node":{"fields":{"slug":"/mobile-validations/meaningful-accessibility-label-buttons","title":"meaningful-accessibility-label-buttons"}}},{"node":{"fields":{"slug":"/mobile-validations/meaningful-alternative-text","title":"meaningful-alternative-text"}}},{"node":{"fields":{"slug":"/mobile-validations/keyboard-focusable","title":"keyboard-focusable"}}},{"node":{"fields":{"slug":"/mobile-validations/minimum-text-size","title":"minimum-text-size"}}},{"node":{"fields":{"slug":"/mobile-validations/label-in-name","title":"label-in-name"}}},{"node":{"fields":{"slug":"/mobile-validations/interactable-role","title":"interactable-role"}}},{"node":{"fields":{"slug":"/mobile-validations/primary-context-has-title","title":"primary-context-has-title"}}},{"node":{"fields":{"slug":"/mobile-validations/screen-orientation-consistency","title":"screen-orientation-consistency"}}},{"node":{"fields":{"slug":"/mobile-validations/non-Interactive-in-focus-sequence","title":"non-Interactive-in-focus-sequence"}}},{"node":{"fields":{"slug":"/mobile-validations/overlapping-controls","title":"overlapping-controls"}}},{"node":{"fields":{"slug":"/mobile-validations/on-focus","title":"on-focus"}}},{"node":{"fields":{"slug":"/mobile-validations/special-characters","title":"special-characters"}}},{"node":{"fields":{"slug":"/mobile-validations/sentence-like-label","title":"sentence-like-label"}}},{"node":{"fields":{"slug":"/mobile-validations/screen-orientation-lock","title":"screen-orientation-lock"}}},{"node":{"fields":{"slug":"/mobile-validations/state-in-name","title":"state-in-name"}}},{"node":{"fields":{"slug":"/mobile-validations/tappable-area","title":"tappable-area"}}},{"node":{"fields":{"slug":"/mobile-validations/unique-option-names","title":"unique-option-names"}}},{"node":{"fields":{"slug":"/mobile-validations/text-resizing","title":"text-resizing"}}},{"node":{"fields":{"slug":"/mobile-validations/text-spacing","title":"text-spacing"}}},{"node":{"fields":{"slug":"/mobile-validations/visible-labels","title":"visible-labels"}}},{"node":{"fields":{"slug":"/mobile-validations/type-in-label","title":"type-in-label"}}},{"node":{"fields":{"slug":"/system-validations/accessible-name","title":"accessible name"}}},{"node":{"fields":{"slug":"/mobile-validations/visible-focus-indication","title":"visible-focus-indication"}}},{"node":{"fields":{"slug":"/system-validations/alt-text-is-too-long","title":"alt-text-is-too-long"}}},{"node":{"fields":{"slug":"/system-validations/accesskeys","title":"accesskeys"}}},{"node":{"fields":{"slug":"/system-validations/area-alt","title":"area-alt"}}},{"node":{"fields":{"slug":"/system-validations/anchor-without-href","title":"anchor-without-href"}}},{"node":{"fields":{"slug":"/system-validations/aria-braille-equivalent","title":"aria-braille-equivalent"}}},{"node":{"fields":{"slug":"/system-validations/aria-conditional-attr","title":"aria-conditional-attr"}}},{"node":{"fields":{"slug":"/system-validations/aria-command-name","title":"aria-command-name"}}},{"node":{"fields":{"slug":"/system-validations/aria-allowed-role","title":"aria-allowed-role"}}},{"node":{"fields":{"slug":"/system-validations/aria-hidden-body","title":"aria-hidden-body"}}},{"node":{"fields":{"slug":"/system-validations/aria-deprecated-role","title":"aria-deprecated-role"}}},{"node":{"fields":{"slug":"/system-validations/aria-allowed-attr","title":"aria-allowed-attr"}}},{"node":{"fields":{"slug":"/system-validations/aria-dialog-name","title":"aria-dialog-name"}}},{"node":{"fields":{"slug":"/system-validations/aria-hidden-focus","title":"aria-hidden-focus"}}},{"node":{"fields":{"slug":"/system-validations/aria-input-field-name","title":"aria-input-field-name"}}},{"node":{"fields":{"slug":"/system-validations/aria-prohibited-attr","title":"aria-prohibited-attr"}}},{"node":{"fields":{"slug":"/system-validations/aria-required-attr","title":"aria-required-attr"}}},{"node":{"fields":{"slug":"/system-validations/aria-meter-name","title":"aria-meter-name"}}},{"node":{"fields":{"slug":"/system-validations/aria-text","title":"aria-text"}}},{"node":{"fields":{"slug":"/system-validations/aria-tooltip-name","title":"aria-tooltip-name"}}},{"node":{"fields":{"slug":"/system-validations/aria-required-children","title":"aria-required-children"}}},{"node":{"fields":{"slug":"/system-validations/aria-required-parent","title":"aria-required-parent"}}},{"node":{"fields":{"slug":"/system-validations/aria-roles","title":"aria-roles"}}},{"node":{"fields":{"slug":"/system-validations/aria-treeitem-name","title":"aria-treeitem-name"}}},{"node":{"fields":{"slug":"/system-validations/aria-toggle-field-name","title":"aria-toggle-field-name"}}},{"node":{"fields":{"slug":"/system-validations/aria-valid-attr-value","title":"aria-valid-attr-value"}}},{"node":{"fields":{"slug":"/system-validations/autocomplete-valid","title":"autocomplete-valid"}}},{"node":{"fields":{"slug":"/system-validations/aria-valid-attr","title":"aria-valid-attr"}}},{"node":{"fields":{"slug":"/system-validations/blink","title":"blink"}}},{"node":{"fields":{"slug":"/system-validations/avoid-inline-spacing","title":"avoid-inline-spacing"}}},{"node":{"fields":{"slug":"/system-validations/aria-progressbar-name","title":"aria-progressbar-name"}}},{"node":{"fields":{"slug":"/system-validations/broken-skip-link","title":"broken-skip-link"}}},{"node":{"fields":{"slug":"/system-validations/color-contrast-enhanced","title":"color-contrast-enhanced"}}},{"node":{"fields":{"slug":"/system-validations/button-name","title":"button-name"}}},{"node":{"fields":{"slug":"/system-validations/checkboxgroup","title":"checkboxgroup"}}},{"node":{"fields":{"slug":"/system-validations/bypass","title":"bypass"}}},{"node":{"fields":{"slug":"/system-validations/composite-not-in-focus-sequence","title":"composite-not-in-focus-sequence"}}},{"node":{"fields":{"slug":"/system-validations/color-contrast","title":"color-contrast"}}},{"node":{"fields":{"slug":"/system-validations/css-orientation-lock","title":"css-orientation-lock"}}},{"node":{"fields":{"slug":"/system-validations/dialog-has-no-aria-modal","title":"dialog-has-no-aria-modal"}}},{"node":{"fields":{"slug":"/system-validations/composite-without-required-children","title":"composite-without-required-children"}}},{"node":{"fields":{"slug":"/system-validations/definition-list","title":"definition-list"}}},{"node":{"fields":{"slug":"/system-validations/conflicting-focus-management-methods","title":"conflicting-focus-management-methods"}}},{"node":{"fields":{"slug":"/system-validations/dlitem","title":"dlitem"}}},{"node":{"fields":{"slug":"/system-validations/empty-heading","title":"empty-heading"}}},{"node":{"fields":{"slug":"/system-validations/focus-kept-within-the-modal","title":"focus-kept-within-the-modal"}}},{"node":{"fields":{"slug":"/system-validations/duplicate-id-aria","title":"duplicate-id-aria"}}},{"node":{"fields":{"slug":"/system-validations/empty-table-header","title":"empty-table-header"}}},{"node":{"fields":{"slug":"/system-validations/document-title","title":"document-title"}}},{"node":{"fields":{"slug":"/system-validations/focus-on-modal-open","title":"focus-on-modal-open"}}},{"node":{"fields":{"slug":"/system-validations/focus-order-semantics","title":"focus-order-semantics"}}},{"node":{"fields":{"slug":"/system-validations/focus-on-modal-closed","title":"focus-on-modal-closed"}}},{"node":{"fields":{"slug":"/system-validations/frame-tested","title":"frame-tested"}}},{"node":{"fields":{"slug":"/system-validations/form-field-multiple-labels","title":"form-field-multiple-labels"}}},{"node":{"fields":{"slug":"/system-validations/focus-trap","title":"focus-trap"}}},{"node":{"fields":{"slug":"/system-validations/frame-title-unique","title":"frame-title-unique"}}},{"node":{"fields":{"slug":"/system-validations/hidden-content","title":"hidden-content"}}},{"node":{"fields":{"slug":"/system-validations/frame-focusable-content","title":"frame-focusable-content"}}},{"node":{"fields":{"slug":"/system-validations/heading-order","title":"heading-order"}}},{"node":{"fields":{"slug":"/system-validations/frame-title","title":"frame-title"}}},{"node":{"fields":{"slug":"/system-validations/html-has-lang","title":"html-has-lang"}}},{"node":{"fields":{"slug":"/system-validations/identical-links-same-purpose","title":"identical-links-same-purpose"}}},{"node":{"fields":{"slug":"/system-validations/html-xml-lang-mismatch","title":"html-xml-lang-mismatch"}}},{"node":{"fields":{"slug":"/system-validations/html-lang-valid","title":"html-lang-valid"}}},{"node":{"fields":{"slug":"/system-validations/image-redundant-alt","title":"image-redundant-alt"}}},{"node":{"fields":{"slug":"/system-validations/input-button-name","title":"input-button-name"}}},{"node":{"fields":{"slug":"/system-validations/image-alt","title":"image-alt"}}},{"node":{"fields":{"slug":"/system-validations/insufficient-focus-indication","title":"insufficient-focus-indication"}}},{"node":{"fields":{"slug":"/system-validations/input-image-alt","title":"input-image-alt"}}},{"node":{"fields":{"slug":"/system-validations/interactable-role","title":"interactable role"}}},{"node":{"fields":{"slug":"/system-validations/keyboard-accessible","title":"keyboard accessible"}}},{"node":{"fields":{"slug":"/system-validations/label-content-name-mismatch","title":"label-content-name-mismatch"}}},{"node":{"fields":{"slug":"/system-validations/invalid-active-descendant-role","title":"invalid-active-descendant-role"}}},{"node":{"fields":{"slug":"/system-validations/label-title-only","title":"label-title-only"}}},{"node":{"fields":{"slug":"/system-validations/label","title":"label"}}},{"node":{"fields":{"slug":"/system-validations/landmark-banner-is-top-level","title":"landmark-banner-is-top-level"}}},{"node":{"fields":{"slug":"/system-validations/landmark-complementary-is-top-level","title":"landmark-complementary-is-top-level"}}},{"node":{"fields":{"slug":"/system-validations/landmark-contentinfo-is-top-level","title":"landmark-contentinfo-is-top-level"}}},{"node":{"fields":{"slug":"/system-validations/landmark-main-is-top-level","title":"landmark-main-is-top-level"}}},{"node":{"fields":{"slug":"/system-validations/landmark-no-duplicate-contentinfo","title":"landmark-no-duplicate-contentinfo"}}},{"node":{"fields":{"slug":"/system-validations/landmark-no-duplicate-main","title":"landmark-no-duplicate-main"}}},{"node":{"fields":{"slug":"/system-validations/landmark-no-duplicate-banner","title":"landmark-no-duplicate-banner"}}},{"node":{"fields":{"slug":"/system-validations/landmark-one-main","title":"landmark-one-main"}}},{"node":{"fields":{"slug":"/system-validations/layout-table","title":"layout-table"}}},{"node":{"fields":{"slug":"/system-validations/link-in-text-block","title":"link-in-text-block"}}},{"node":{"fields":{"slug":"/system-validations/landmark-unique","title":"landmark-unique"}}},{"node":{"fields":{"slug":"/system-validations/language-attribute-mismatch","title":"language-attribute-mismatch"}}},{"node":{"fields":{"slug":"/system-validations/locked-text-spacing","title":"locked-text-spacing"}}},{"node":{"fields":{"slug":"/system-validations/link-name","title":"link-name"}}},{"node":{"fields":{"slug":"/system-validations/list","title":"list"}}},{"node":{"fields":{"slug":"/system-validations/listitem","title":"listitem"}}},{"node":{"fields":{"slug":"/system-validations/main-context-is-not-dimmed","title":"main-context-is-not-dimmed"}}},{"node":{"fields":{"slug":"/system-validations/low-focus-contrast","title":"low-focus-contrast"}}},{"node":{"fields":{"slug":"/system-validations/marquee","title":"marquee"}}},{"node":{"fields":{"slug":"/system-validations/meaningful-page-title","title":"meaningful-page-title"}}},{"node":{"fields":{"slug":"/system-validations/meaningless-alt-text","title":"meaningless-alt-text"}}},{"node":{"fields":{"slug":"/system-validations/meta-refresh-no-exceptions","title":"meta-refresh-no-exceptions"}}},{"node":{"fields":{"slug":"/system-validations/meta-refresh","title":"meta-refresh"}}},{"node":{"fields":{"slug":"/system-validations/meta-viewport","title":"meta-viewport"}}},{"node":{"fields":{"slug":"/system-validations/missing-active-descendant","title":"missing-active-descendant"}}},{"node":{"fields":{"slug":"/system-validations/missing-focus-indication","title":"missing-focus-indication"}}},{"node":{"fields":{"slug":"/system-validations/missing-contextual-labeling","title":"missing-contextual-labeling"}}},{"node":{"fields":{"slug":"/system-validations/missing-heading-semantics","title":"missing-heading-semantics"}}},{"node":{"fields":{"slug":"/system-validations/meta-viewport-large","title":"meta-viewport-large"}}},{"node":{"fields":{"slug":"/system-validations/missing-dialog-semantics","title":"missing-dialog-semantics"}}},{"node":{"fields":{"slug":"/system-validations/modal-dismissed-on-esc","title":"modal-dismissed-on-esc"}}},{"node":{"fields":{"slug":"/system-validations/modal-lacks-an-accessible-name","title":"modal-lacks-an-accessible-name"}}},{"node":{"fields":{"slug":"/system-validations/no-visible-close-modal-button","title":"no-visible-close-modal-button"}}},{"node":{"fields":{"slug":"/system-validations/non-interactive-in-focus-sequence","title":"non-interactive-in-focus-sequence"}}},{"node":{"fields":{"slug":"/system-validations/nested-interactive","title":"nested-interactive"}}},{"node":{"fields":{"slug":"/system-validations/non-semantic-landmarking","title":"landmarking-semantics"}}},{"node":{"fields":{"slug":"/system-validations/no-autoplay-audio","title":"no-autoplay-audio"}}},{"node":{"fields":{"slug":"/system-validations/object-alt","title":"object-alt"}}},{"node":{"fields":{"slug":"/system-validations/p-as-heading","title":"p-as-heading"}}},{"node":{"fields":{"slug":"/system-validations/page-has-heading-one","title":"page-has-heading-one"}}},{"node":{"fields":{"slug":"/system-validations/placeholder-as-label","title":"placeholder-as-label"}}},{"node":{"fields":{"slug":"/system-validations/presentation-role-conflict","title":"presentation-role-conflict"}}},{"node":{"fields":{"slug":"/system-validations/redundant-focus","title":"redundant-focus"}}},{"node":{"fields":{"slug":"/system-validations/quality-alt-text","title":"quality-alt-text"}}},{"node":{"fields":{"slug":"/system-validations/redundant-focusable-children","title":"redundant-focusable-children"}}},{"node":{"fields":{"slug":"/system-validations/redundant-heading-semantics","title":"redundant-heading"}}},{"node":{"fields":{"slug":"/system-validations/region","title":"region"}}},{"node":{"fields":{"slug":"/system-validations/scope-attr-valid","title":"scope-attr-valid"}}},{"node":{"fields":{"slug":"/system-validations/role-img-alt","title":"role-img-alt"}}},{"node":{"fields":{"slug":"/system-validations/scrollable-region-focusable","title":"scrollable-region-focusable"}}},{"node":{"fields":{"slug":"/system-validations/screen-reading-order","title":"screen-reading-order"}}},{"node":{"fields":{"slug":"/system-validations/server-side-image-map","title":"server-side-image-map"}}},{"node":{"fields":{"slug":"/system-validations/svg-img-alt","title":"svg-img-alt"}}},{"node":{"fields":{"slug":"/system-validations/select-name","title":"select-name"}}},{"node":{"fields":{"slug":"/system-validations/tab-order","title":"tab-order"}}},{"node":{"fields":{"slug":"/system-validations/summary-name","title":"summary-name"}}},{"node":{"fields":{"slug":"/system-validations/table-duplicate-name","title":"table-duplicate-name"}}},{"node":{"fields":{"slug":"/system-validations/tabindex","title":"tabindex"}}},{"node":{"fields":{"slug":"/system-validations/target-size","title":"target-size"}}},{"node":{"fields":{"slug":"/system-validations/td-has-header","title":"td-has-header"}}},{"node":{"fields":{"slug":"/system-validations/td-headers-attr","title":"td-headers-attr"}}},{"node":{"fields":{"slug":"/system-validations/text-in-image","title":"quality-alt-text"}}},{"node":{"fields":{"slug":"/system-validations/text-contrast-on-compound-background","title":"text-contrast-on-compound-background"}}},{"node":{"fields":{"slug":"/system-validations/table-fake-caption","title":"table-fake-caption"}}},{"node":{"fields":{"slug":"/system-validations/valid-lang","title":"valid-lang"}}},{"node":{"fields":{"slug":"/system-validations/video-caption","title":"video-caption"}}},{"node":{"fields":{"slug":"/system-validations/th-has-data-cells","title":"th-has-data-cells"}}},{"node":{"fields":{"slug":"/system-validations/video-description","title":"video-description"}}},{"node":{"fields":{"slug":"/elements/page-structure/table","title":"Table"}}},{"node":{"fields":{"slug":"/elements/landmarks/main","title":"Main"}}},{"node":{"fields":{"slug":"/elements/widgets/button","title":"Button"}}},{"node":{"fields":{"slug":"/elements/landmarks/nav","title":"Nav"}}},{"node":{"fields":{"slug":"/elements/widgets/input-checkbox","title":"Input (checkbox)"}}},{"node":{"fields":{"slug":"/elements/landmarks/aside","title":"Aside"}}},{"node":{"fields":{"slug":"/elements/landmarks/footer","title":"Footer"}}},{"node":{"fields":{"slug":"/elements/widgets/input-text-fields","title":"Input (text fields)"}}},{"node":{"fields":{"slug":"/elements/widgets/input-radio","title":"Input (radio)"}}},{"node":{"fields":{"slug":"/elements/landmarks/header","title":"Header"}}},{"node":{"fields":{"slug":"/elements/widgets/link-anchors","title":"Link (anchors)"}}},{"node":{"fields":{"slug":"/elements/landmarks/section","title":"Section"}}},{"node":{"fields":{"slug":"/elements/page-structure/image","title":"Image"}}},{"node":{"fields":{"slug":"/elements/page-structure/heading","title":"Heading"}}}]}},"pageContext":{"id":"02b92283-3909-5ba5-a516-067e21a0532d"}},"staticQueryHashes":["2619113677","2619113677","3130641623","3130641623","3706406642","3706406642","417421954","417421954"]}