Reorient
Verified reportDeveloper Tools · Build Week 2026

Help for returning screen-reader users

Same keys. Different destination.

Reorient compares a website before and after an update. It shows what moved, what changed, and where a familiar keyboard route now leads.

See the before-and-after reportClear page details first. GPT-5.6 can help explain the change.

Try the sample

Start with a clear before-and-after.

The Foxglove Books example is ready to explore. It runs locally and does not use an API key.

Change summary

Foxglove Books: before and after the update

Sample data created for this demo, with 14 clear notes about what changed.

CheckedEvery note links to a visible page change.
Read both pagesFind the changesGroup what mattersUpdate familiar routesWrite the updateCheck every note
BeforeSample version 1
26 important page items · 15 Tab stops

banner · navigation:Main · main · form:Newsletter · contentinfo

View the page outline and source

h1 Books worth keeping · h2 Bestsellers · h3 Dune · h3 Piranesi · h3 The Left Hand of Darkness · h2 Join the newsletter

Created from the sample page at https://reorient-nine.vercel.app/demo/storefront/before.

AfterSample version 2
27 important page items · 15 Tab stops

banner · navigation:Main · main · form:Newsletter · contentinfo

View the page outline and source

h1 Books worth keeping, chosen by hand · h2 Shop · h3 Bestsellers · h3 Dune · h3 Piranesi · h3 The Left Hand of Darkness · h2 Join the newsletter

Created from the sample page at https://reorient-nine.vercel.app/demo/storefront/after.

Needs attention 5Could be confusing 2Small change 7Low impact 014 change notes

What changed

Open any note to see the before-and-after details.

25 page items matched
  1. d01Moved to a new page area: Navigation: “Main”Could be confusing
    BeforeNavigation: “Main”

    Page area: banner · Not reached with Tab

    AfterNavigation: “Main”

    Outside a named page area · Not reached with Tab

    What changedpage area 1 → 2

    Could be confusing

  2. d02Moved to a new page area: Searchbox: “Search the catalog”Needs attention
    BeforeSearchbox: “Search the catalog”

    Page area: banner · Reached with Tab 7

    AfterSearchbox: “Search the catalog”

    Page area: main · Reached with Tab 8

    What changedpage area 2 → 1

    Needs attention

  3. d03Heading level changed: “Bestsellers”Small change
    BeforeHeading: “Bestsellers”

    Page area: main · Not reached with Tab · heading level 2

    AfterHeading: “Bestsellers”

    Page area: main · Not reached with Tab · heading level 3

    What changedheading level 2 → 3

    Small change

  4. d04“Cart” is now a button, not a linkNeeds attention
    BeforeLink: “Cart”

    Page area: banner · Reached with Tab 8

    AfterButton: “Cart”

    Outside a named page area · Reached with Tab 1

    What changedlink → button

    Needs attention

  5. d05Moved to a new page area: Link: “Cart”Needs attention
    BeforeLink: “Cart”

    Page area: banner · Reached with Tab 8

    AfterButton: “Cart”

    Outside a named page area · Reached with Tab 1

    What changedpage area 3 → 1

    Needs attention

  6. d06Name changed from “Books worth keeping” to “Books worth keeping, chosen by hand”Small change
    BeforeHeading: “Books worth keeping”

    Page area: main · Not reached with Tab · heading level 1

    AfterHeading: “Books worth keeping, chosen by hand”

    Page area: main · Not reached with Tab · heading level 1

    What changedname changed

    Small change

  7. d07Name changed from “Buy” to “Add to bag”Small change
    BeforeButton: “Buy”

    Page area: main · Reached with Tab 9

    AfterButton: “Add to bag”

    Page area: main · Reached with Tab 9

    What changedname changed

    Small change

  8. d08Name changed from “Buy” to “Add to bag”Small change
    BeforeButton: “Buy”

    Page area: main · Reached with Tab 10

    AfterButton: “Add to bag”

    Page area: main · Reached with Tab 10

    What changedname changed

    Small change

  9. d09Name changed from “Buy” to “Add to bag”Small change
    BeforeButton: “Buy”

    Page area: main · Reached with Tab 11

    AfterButton: “Add to bag”

    Page area: main · Reached with Tab 11

    What changedname changed

    Small change

  10. d10Moved within its group: Link: “Contact”Could be confusing
    BeforeLink: “Contact”

    Page area: navigation:Main · Reached with Tab 5

    AfterLink: “Contact”

    Page area: navigation:Main · Reached with Tab 5

    What changedplace in group 4 → 3

    Could be confusing

  11. d11Keyboard order changed: Link: “Cart”Needs attention
    BeforeLink: “Cart”

    Page area: banner · Reached with Tab 8

    AfterButton: “Cart”

    Outside a named page area · Reached with Tab 1

    What changedTab 8 → Tab 1

    Needs attention

  12. d12No longer on this page: Link: “Gift cards”Needs attention
    BeforeLink: “Gift cards”

    Page area: navigation:Main · Reached with Tab 6

    AfterNot present

    No matching node

    What changedpage structure changed

    Needs attention

  13. d13New on this page: Link: “Wishlist”Small change
    BeforeNot present

    No matching node

    AfterLink: “Wishlist”

    Page area: navigation:Main · Reached with Tab 7

    What changedpage structure changed

    Small change

  14. d14New on this page: Heading: “Shop”Small change
    BeforeNot present

    No matching node

    AfterHeading: “Shop”

    Page area: main · Not reached with Tab · heading level 2

    What changedpage structure changed

    Small change

Plain-language update

A change note you can trace back to the page.

Listen preview reads the release note text. It does not simulate a screen reader.

Preparing the change note…

    If AI is unavailable

    The before-and-after report is still useful on its own.

    This sample is ready to explore without an API key.