Skip to content

508-defect-4 [SEMANTIC MARKUP]: Use <p> for paragraphs, not <span> #22293

Open
@joshkimux

Description

@joshkimux

508-defect-4

Feedback framework

  • ❗️ Must for if the feedback must be applied
  • ⚠️ Should if the feedback is best practice
  • ✔️ Consider for suggestions/enhancements

Definition of done

  1. Review and acknowledge feedback.
  2. Fix and/or document decisions made.
  3. Accessibility specialist will close ticket after reviewing documented decisions / validating fix.

Point of Contact

VFS Point of Contact: Josh

Details

The <span> element holds no semantic meaning and should not be used as a substitute for the <p> element when writing paragraphs. Using the <p> element will provide line breaks that will make content easier to read.

Acceptance Criteria

  • paragraphs are written with <p> whenever possible and semantically appropriate

Steps to Recreate

  1. Enter https://staging.va.gov/health-care/covid-19-vaccine/sign-up/introduction in browser
  2. Inspect the string "To get started..."
  3. Confirm it's a <span> and not a <p>

Proposed Solution (if known)

Use <p>

Screenshots or Trace Logs

image
Screen Shot 2021-03-29 at 11 41 10 AM

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions