{ "notes": [ { "id": "desktop-1", "title": "Navigation exposes the main decision paths", "section": "Orientation", "view": "desktop", "review_priority": null, "priority_basis": null, "evidence_level": "reviewer_observation", "observation": "Desktop navigation names Classes, Pricing, Teachers, About and Contact. Each linked route returned HTTP 200 in the audit.", "likely_task_effect": "A visitor can choose a direct route to details; actual task success is untested.", "suggested_change": "Keep these route labels and check their page content after updates.", "verification": "Ask new visitors where they would go to compare lesson costs and instructors.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-26", "source_frame": "desktop.png", "source_frame_label": "Desktop orientation · 1265 × 712", "source_frame_sha256": "7185659f0d0333c8e7a06edf5915522b123522d96ea95c71e92a7bc310feab9c", "annotation_image": "desktop-full-complete.png", "annotation_image_sha256": "b8b53ed6ca634a2005e831eb786ca2e996b22586938e79d8075ed98797202cbf", "annotation_image_capture_date": "2026-10-27", "image_width": 1265, "image_height": 8116, "marker": { "x": 900, "y": 120, "method": "reviewer placed approximate point; not an element bounding box or fixation" } } }, { "id": "desktop-2", "title": "First class link sits below the opening screen", "section": "First action", "view": "desktop", "review_priority": "P2", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The first ‘Learn more’ link begins at document y=974 px, below the 712 px desktop viewport; it begins at y=1,018 px on 375 px mobile and y=1,103 px on 320 px mobile.", "likely_task_effect": "A visitor ready to inspect classes may need to scroll before seeing a route; any effect on task completion is untested.", "suggested_change": "Place a visible ‘Explore classes’ action close to the first offer sentence, or test a shorter hero that keeps the class route in the first screen.", "verification": "Give visitors the task ‘find guitar class details’ from first load and record the first click and completion time.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-26", "source_frame": "desktop.png", "source_frame_label": "Desktop orientation · 1265 × 712", "source_frame_sha256": "7185659f0d0333c8e7a06edf5915522b123522d96ea95c71e92a7bc310feab9c", "annotation_image": "desktop-full-complete.png", "annotation_image_sha256": "b8b53ed6ca634a2005e831eb786ca2e996b22586938e79d8075ed98797202cbf", "annotation_image_capture_date": "2026-10-27", "image_width": 1265, "image_height": 8116, "marker": { "x": 125, "y": 1005, "method": "reviewer placed approximate point; not an element bounding box or fixation" } } }, { "id": "desktop-3", "title": "The heading outline breaks its hierarchy", "section": "Fine arts", "view": "desktop", "review_priority": "P2", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The rendered homepage has five H1 elements. ‘What the’ and ‘Fine Arts means to us.’ are separate H1 elements, and the service labels jump from an H1 section title to H4.", "likely_task_effect": "Heading navigation may present a fragmented topic and make the service cards appear deeper than intended; test with assistive readers.", "suggested_change": "Use one page H1, make each main section H2, and use H3 for class cards. Keep the visual type design if desired.", "verification": "Traverse the headings in a screen reader or browser accessibility inspector and confirm the outline tells the same story as the visual page.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-26", "source_frame": "meaning-lower.png", "source_frame_label": "Fine-arts meaning section and image alternative", "source_frame_sha256": "798229dad0b5b1d9bef66949a6270cf786b710f7aba62aa8ef1ee72e11eecc4f", "annotation_image": "desktop-full-complete.png", "annotation_image_sha256": "b8b53ed6ca634a2005e831eb786ca2e996b22586938e79d8075ed98797202cbf", "annotation_image_capture_date": "2026-10-27", "image_width": 1265, "image_height": 8116, "marker": { "x": 255, "y": 2440, "method": "reviewer placed approximate point; not an element bounding box or fixation" } } }, { "id": "desktop-4", "title": "Drum-kit image is described as a barbecue scene", "section": "Image alternative", "view": "desktop", "review_priority": "P1", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The visible drum-kit illustration at document y≈2,648 px has an `alt` value describing a person flipping a burger on a barbecue grill. The source-only alt-presence rule passes because the attribute exists.", "likely_task_effect": "The alternative text conveys the wrong subject to someone who cannot see this image. This mismatch is directly observable, although its impact on a particular reader has not been measured.", "suggested_change": "If the illustration conveys the music offer, describe the drum kit accurately. If it is decorative beside equivalent text, use an empty alt. Review other icon alternatives for the same mismatch.", "verification": "Inspect the final accessibility-tree image name and have a screen-reader user traverse this section.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-26", "source_frame": "meaning-lower.png", "source_frame_label": "Fine-arts meaning section and image alternative", "source_frame_sha256": "798229dad0b5b1d9bef66949a6270cf786b710f7aba62aa8ef1ee72e11eecc4f", "annotation_image": "desktop-full-complete.png", "annotation_image_sha256": "b8b53ed6ca634a2005e831eb786ca2e996b22586938e79d8075ed98797202cbf", "annotation_image_capture_date": "2026-10-27", "image_width": 1265, "image_height": 8116, "marker": { "x": 345, "y": 2735, "method": "reviewer placed approximate point; not an element bounding box or fixation" } } }, { "id": "desktop-5", "title": "The offer list gives concrete class choices", "section": "Classes", "view": "desktop", "review_priority": null, "priority_basis": null, "evidence_level": "reviewer_observation", "observation": "The grid names nine subjects, including Guitar, Piano, Voice, Drums, Song Writing, Production, Art, Acting and Photography, with a short description of each.", "likely_task_effect": "A scanning visitor can find a subject match, though whether they can compare formats and levels remains untested.", "suggested_change": "Retain specific class names and describe the next step beside them.", "verification": "Ask a new visitor to locate one preferred subject and explain how to begin.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-26", "source_frame": "offer.png", "source_frame_label": "Offer grid · guitar, piano and voice", "source_frame_sha256": "96ab4adc20c170116ea70cf6022249a677e8b8aa1c6e68034499465b73ce3b39", "annotation_image": "desktop-full-complete.png", "annotation_image_sha256": "b8b53ed6ca634a2005e831eb786ca2e996b22586938e79d8075ed98797202cbf", "annotation_image_capture_date": "2026-10-27", "image_width": 1265, "image_height": 8116, "marker": { "x": 730, "y": 3350, "method": "reviewer placed approximate point; not an element bounding box or fixation" } } }, { "id": "desktop-6", "title": "Decorative icons compete with class descriptions", "section": "Class grid", "view": "desktop", "review_priority": "P3", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "hypothesis", "observation": "Large guitar, piano and microphone illustrations sit beside and visually over the right edge of narrow description columns in this desktop view.", "likely_task_effect": "The icons may make the prose harder to follow or compare across cards; this needs a reader check.", "suggested_change": "Try a consistent image slot outside the text column and give the copy a stable width.", "verification": "Compare comprehension of the class descriptions with and without icon overlap.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-26", "source_frame": "offer.png", "source_frame_label": "Offer grid · guitar, piano and voice", "source_frame_sha256": "96ab4adc20c170116ea70cf6022249a677e8b8aa1c6e68034499465b73ce3b39", "annotation_image": "desktop-full-complete.png", "annotation_image_sha256": "b8b53ed6ca634a2005e831eb786ca2e996b22586938e79d8075ed98797202cbf", "annotation_image_capture_date": "2026-10-27", "image_width": 1265, "image_height": 8116, "marker": { "x": 450, "y": 3640, "method": "reviewer placed approximate point; not an element bounding box or fixation" } } }, { "id": "desktop-7", "title": "Embedded form frame has no title", "section": "Contact", "view": "desktop", "review_priority": "P2", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The homepage embeds the Noto form in an iframe whose `title` attribute is empty. It appears as an unnamed frame in the observed Tab path (step 11 desktop, step 6 mobile).", "likely_task_effect": "A keyboard or screen-reader user gets less context before entering the form; confirm with the actual assistive technology.", "suggested_change": "Give the iframe a concise title such as ‘Contact and lesson inquiry form’, then verify its announced name and keyboard entry.", "verification": "Traverse the page with a screen reader and verify the form frame name before the fields.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-26", "source_frame": "form-top.png", "source_frame_label": "Contact and lesson inquiry · desktop", "source_frame_sha256": "167f0f78f960815e3ac4f6a894c14b5442ff2999701a51683058e4c54cb994f5", "annotation_image": "desktop-full-complete.png", "annotation_image_sha256": "b8b53ed6ca634a2005e831eb786ca2e996b22586938e79d8075ed98797202cbf", "annotation_image_capture_date": "2026-10-27", "image_width": 1265, "image_height": 8116, "marker": { "x": 910, "y": 6160, "method": "reviewer placed approximate point; not an element bounding box or fixation" } } }, { "id": "desktop-8", "title": "Contact invitation leads into an enrollment-sized form", "section": "Inquiry form", "view": "desktop", "review_priority": "P2", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The copy invites questions and studio tours, but the embedded form asks for student name, age, class, lesson length, recurring availability and experience in addition to contact details. Email and phone are provided above it.", "likely_task_effect": "Someone with a simple question may hesitate at the amount of student information requested; this is untested.", "suggested_change": "Offer a short ‘Ask a question’ route and label the longer form ‘Request a lesson’ or ‘Schedule a trial’, with the two paths visually separated.", "verification": "Ask prospects with a simple question and prospects ready to enroll which contact path they would choose.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-26", "source_frame": "form-top.png", "source_frame_label": "Contact and lesson inquiry · desktop", "source_frame_sha256": "167f0f78f960815e3ac4f6a894c14b5442ff2999701a51683058e4c54cb994f5", "annotation_image": "desktop-full-complete.png", "annotation_image_sha256": "b8b53ed6ca634a2005e831eb786ca2e996b22586938e79d8075ed98797202cbf", "annotation_image_capture_date": "2026-10-27", "image_width": 1265, "image_height": 8116, "marker": { "x": 640, "y": 6690, "method": "reviewer placed approximate point; not an element bounding box or fixation" } } }, { "id": "mobile-1", "title": "Headline keeps whole words at 440 px", "section": "Mobile hero", "view": "mobile", "review_priority": null, "priority_basis": null, "evidence_level": "observed", "observation": "In the 440 × 956 capture, “creativity” stays on one line. The earlier mid-word wrap was observed at 320 px and is not reported as a failure of this view.", "likely_task_effect": "Whole-word wrapping supports scanning; this capture does not measure comprehension.", "suggested_change": "Preserve this wrapping while checking the hero and guitar spacing at smaller widths.", "verification": "Compare the separate 320 px capture before changing the narrow-screen typography.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-29", "source_frame": "mobile-440-full-complete.png", "source_frame_label": "iPhone 16 Pro Max viewport · 440 × 956", "source_frame_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image": "mobile-440-full-complete.png", "annotation_image_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image_capture_date": "2026-10-29", "image_width": 440, "image_height": 11032, "marker": { "x": 170.21875, "y": 315.234375, "method": "Current captured DOM box; review anchor, not a fixation" } } }, { "id": "mobile-2", "title": "First class link sits below the opening screen", "section": "First action", "view": "mobile", "review_priority": "P2", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The first Learn more link starts at y=979.9 CSS px, below the 956 px opening viewport at 440 px width.", "likely_task_effect": "A visitor ready to inspect classes may need to scroll before seeing a route; any effect on task completion is untested.", "suggested_change": "Place a visible ‘Explore classes’ action close to the first offer sentence, or test a shorter hero that keeps the class route in the first screen.", "verification": "Give visitors the task ‘find guitar class details’ from first load and record the first click and completion time.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-29", "source_frame": "mobile-440-full-complete.png", "source_frame_label": "iPhone 16 Pro Max viewport · 440 × 956", "source_frame_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image": "mobile-440-full-complete.png", "annotation_image_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image_capture_date": "2026-10-29", "image_width": 440, "image_height": 11032, "marker": { "x": 120.453125, "y": 1009.40625, "method": "Current captured DOM box; review anchor, not a fixation" } } }, { "id": "mobile-3", "title": "The document itself reflows", "section": "Reflow", "view": "mobile", "review_priority": null, "priority_basis": null, "evidence_level": "reviewer_observation", "observation": "The document and client widths both measure 440 CSS px in this capture; there is no document-level horizontal overflow.", "likely_task_effect": "Readers can scroll vertically through the page without a second horizontal axis. Individual overlap still needs repair.", "suggested_change": "Preserve reflow and check each image/text pairing at narrower widths.", "verification": "Repeat at 320 px, 375 px and browser zoom after changes.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-29", "source_frame": "mobile-440-full-complete.png", "source_frame_label": "iPhone 16 Pro Max viewport · 440 × 956", "source_frame_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image": "mobile-440-full-complete.png", "annotation_image_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image_capture_date": "2026-10-29", "image_width": 440, "image_height": 11032, "marker": { "x": 220.0, "y": 1656.890625, "method": "Current captured DOM box; review anchor, not a fixation" } } }, { "id": "mobile-4", "title": "The heading outline breaks its hierarchy", "section": "Fine arts", "view": "mobile", "review_priority": "P2", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The rendered homepage has five H1 elements. ‘What the’ and ‘Fine Arts means to us.’ are separate H1 elements, and the service labels jump from an H1 section title to H4.", "likely_task_effect": "Heading navigation may present a fragmented topic and make the service cards appear deeper than intended; test with assistive readers.", "suggested_change": "Use one page H1, make each main section H2, and use H3 for class cards. Keep the visual type design if desired.", "verification": "Traverse the headings in a screen reader or browser accessibility inspector and confirm the outline tells the same story as the visual page.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-29", "source_frame": "mobile-440-full-complete.png", "source_frame_label": "iPhone 16 Pro Max viewport · 440 × 956", "source_frame_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image": "mobile-440-full-complete.png", "annotation_image_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image_capture_date": "2026-10-29", "image_width": 440, "image_height": 11032, "marker": { "x": 170.21875, "y": 2106.2265625, "method": "Current captured DOM box; review anchor, not a fixation" } } }, { "id": "mobile-5", "title": "Drum-kit image is described as a barbecue scene", "section": "Image alternative", "view": "mobile", "review_priority": "P1", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The drum illustration at y=2804.0 CSS px still has an alt description about a barbecue scene. Presence of an alt attribute does not establish accuracy.", "likely_task_effect": "The alternative text conveys the wrong subject to someone who cannot see this image. This mismatch is directly observable, although its impact on a particular reader has not been measured.", "suggested_change": "If the illustration conveys the music offer, describe the drum kit accurately. If it is decorative beside equivalent text, use an empty alt. Review other icon alternatives for the same mismatch.", "verification": "Inspect the final accessibility-tree image name and have a screen-reader user traverse this section.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-29", "source_frame": "mobile-440-full-complete.png", "source_frame_label": "iPhone 16 Pro Max viewport · 440 × 956", "source_frame_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image": "mobile-440-full-complete.png", "annotation_image_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image_capture_date": "2026-10-29", "image_width": 440, "image_height": 11032, "marker": { "x": 220.0, "y": 2973.546875, "method": "Current captured DOM box; review anchor, not a fixation" } } }, { "id": "mobile-6", "title": "The offer list gives concrete class choices", "section": "Classes", "view": "mobile", "review_priority": null, "priority_basis": null, "evidence_level": "reviewer_observation", "observation": "The grid names nine subjects, including Guitar, Piano, Voice, Drums, Song Writing, Production, Art, Acting and Photography, with a short description of each.", "likely_task_effect": "A scanning visitor can find a subject match, though whether they can compare formats and levels remains untested.", "suggested_change": "Retain specific class names and describe the next step beside them.", "verification": "Ask a new visitor to locate one preferred subject and explain how to begin.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-29", "source_frame": "mobile-440-full-complete.png", "source_frame_label": "iPhone 16 Pro Max viewport · 440 × 956", "source_frame_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image": "mobile-440-full-complete.png", "annotation_image_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image_capture_date": "2026-10-29", "image_width": 440, "image_height": 11032, "marker": { "x": 220.0, "y": 3301.3671875, "method": "Current captured DOM box; review anchor, not a fixation" } } }, { "id": "mobile-7", "title": "Embedded form frame has no title", "section": "Contact", "view": "mobile", "review_priority": "P2", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The embedded contact form still has no iframe title in the 440 px DOM capture. This refresh did not repeat the earlier keyboard traversal.", "likely_task_effect": "A keyboard or screen-reader user gets less context before entering the form; confirm with the actual assistive technology.", "suggested_change": "Give the iframe a concise title such as ‘Contact and lesson inquiry form’, then verify its announced name and keyboard entry.", "verification": "Traverse the page with a screen reader and verify the form frame name before the fields.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-29", "source_frame": "mobile-440-full-complete.png", "source_frame_label": "iPhone 16 Pro Max viewport · 440 × 956", "source_frame_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image": "mobile-440-full-complete.png", "annotation_image_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image_capture_date": "2026-10-29", "image_width": 440, "image_height": 11032, "marker": { "x": 220.0, "y": 8683.0975, "method": "Current captured DOM box; review anchor, not a fixation" } } }, { "id": "mobile-8", "title": "Contact invitation leads into an enrollment-sized form", "section": "Inquiry form", "view": "mobile", "review_priority": "P2", "priority_basis": "Reviewer-assigned qualitative priority; no calculated severity score", "evidence_level": "observed", "observation": "The copy invites questions and studio tours, but the embedded form asks for student name, age, class, lesson length, recurring availability and experience in addition to contact details. Email and phone are provided above it.", "likely_task_effect": "Someone with a simple question may hesitate at the amount of student information requested; this is untested.", "suggested_change": "Offer a short ‘Ask a question’ route and label the longer form ‘Request a lesson’ or ‘Schedule a trial’, with the two paths visually separated.", "verification": "Ask prospects with a simple question and prospects ready to enroll which contact path they would choose.", "decision_basis": "Existing reviewer observation and qualitative judgment; not produced by the attention model", "model": null, "measured_gaze": false, "source": { "audit_date": "2026-10-29", "source_frame": "mobile-440-full-complete.png", "source_frame_label": "iPhone 16 Pro Max viewport · 440 × 956", "source_frame_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image": "mobile-440-full-complete.png", "annotation_image_sha256": "a7200c472907afa06cba0ce85909302e76e730c8794077719c1eed4292eaf89c", "annotation_image_capture_date": "2026-10-29", "image_width": 440, "image_height": 11032, "marker": { "x": 220.0, "y": 9320.2375, "method": "Current captured DOM box; review anchor, not a fixation" } } } ], "original_trace": "lfa-decision-trace.json", "mobile_capture": "mobile-440-capture.json", "mobile_capture_sha256": "32dbf0ed4405262cb39620d71e460bf55d7f7120652379e2bae87c95eb7eee8c" }