Create Reflow Tests

[HelenBurge]

First draft of the content reflow test

Creating the first draft of a reflow test, one of three new rules

Closes issue(s):

• closes Reflow tests to be written #2424

Need for Call for Review:
This will require a 2 weeks Call for Review

---

Pull Request Etiquette

When creating PR:

• Make sure you're requesting to pull a branch (right side) to the develop branch (left side).
• Make sure you do not remove the "How to Review and Approve" section in your pull request description

After creating PR:

• Add yourself (and co-authors) as "Assignees" for PR.
• Add label to indicate if it's a Rule, Definition or Chore.
• Link the PR to any issue it solves. This will be done automatically by referencing the issue at the top of this comment in the indicated place.
• Optionally request feedback from anyone in particular by assigning them as "Reviewers".
• If your PR is for a new rule with an Accessibility Support note, or for updating the Accessibility Support note of an existing section, make sure to open a corresponding Accessibility Support issue.

When merging a PR:

• Close any issue that the PR resolves. This will happen automatically upon merging if the PR was correctly linked to the issue, e.g. by referencing the issue at the top of this comment.

How to Review And Approve

• Go to the “Files changed” tab
• Here you will have the option to leave comments on different lines.
• Once the review is completed, find the “Review changes” button in the top right, select “Approve” (if you are really confident in the rule) or "Request changes" and click “Submit review”.
• Make sure to also review the proposed Call for Review period. In case of disagreement, the longer period wins.

[netlify]

❌ Deploy Preview for act-rules failed.

Name	Link
🔨 Latest commit	8de47f2
🔍 Latest deploy log	https://app.netlify.com/projects/act-rules/deploys/6a54ef00cd05980008f5ed36

[HelenBurge]

I know I have to add references and definitions to the tests - TBD

[G0dwin]

This looks like a repetition of the first example. Does this add or clarify something that the first example doesn't cover?

[G0dwin]

It looks to me like this content would not be available at any viewport size, this is also a common valid technique for applying text only available to AT.

[G0dwin]

With the examples that you included that always hide content, I feel like we may need to define a way to compare before and after. For example, should we compare content at 1280 vs 320?