SCAN TO COMPREHEND / VISUAL AUDIT

LFA Studio — homepage (rendered DOM)

Audit date:

A rendered-page walkthrough followed by source and browser checks.

RENDERED PAGE WALKTHROUGH

Can a prospective student or parent identify an appropriate class, understand how to begin, and make a simple inquiry without losing the page's meaning on a narrow phone?

https://lfa.studio/ · Public homepage in Chromium: server HTML plus rendered DOM; 1265 × 712 desktop, 375 × 812 mobile and 320 × 800 reflow; read-only navigation and keyboard checks. Suggested effects are untested. · Callouts are review observations, not measured gaze.

Action queue · 8 review items

Priorities are reviewer judgments; observed evidence and untested effects stay distinct in each callout.

  1. P1 Headline splits a word beside the guitarobserved

    Suggested action: Reduce the headline size or move the guitar below/away from the text at narrow widths. Prevent mid-word wrapping and reserve a real gap between the two elements.

  2. P1 Drum-kit image is described as a barbecue sceneobserved

    Suggested action: 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.

  3. P2 First class link sits below the opening screenobserved

    Suggested action: 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.

  4. P2 The heading outline breaks its hierarchyobserved

    Suggested action: Use one page H1, make each main section H2, and use H3 for class cards. Keep the visual type design if desired.

  5. P2 Contact invitation leads into an enrollment-sized formobserved

    Suggested action: 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.

  6. P2 Embedded form frame has no titleobserved

    Suggested action: Give the iframe a concise title such as ‘Contact and lesson inquiry form’, then verify its announced name and keyboard entry.

  7. P3 Decorative icons compete with class descriptionshypothesis

    Suggested action: Try a consistent image slot outside the text column and give the copy a stable width.

  8. P3 Chat bubble overlaps a form input in this scroll stateobserved

    Suggested action: Move or collapse the chat bubble while a form field is active, or reserve enough bottom/right space so fields are unobstructed.

Desktop orientation · 1265 × 712

LFA Studio desktop hero with header navigation, green background, large white headline and guitar illustration.12
  1. strength

    1. Navigation exposes the main decision paths

    Observed: 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 action: Keep these route labels and check their page content after updates.

    Check: Ask new visitors where they would go to compare lesson costs and instructors.

  2. review P2 observed

    2. First class link sits below the opening screen

    Observed: 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 action: 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.

    Check: Give visitors the task ‘find guitar class details’ from first load and record the first click and completion time.

Narrow hero · 320 × 800

At 320 CSS pixels the headline wraps within a narrow column beside a guitar, including a break inside creativity.12
  1. review P1 observed

    1. Headline splits a word beside the guitar

    Observed: At 320 px, ‘creativity’ breaks into ‘creativi’ and ‘ty’. The H1 box spans x=19–228 px while the guitar image starts at x=202 px, so the two boxes overlap at the right edge. The final line is visually crowded against the guitar.

    Likely task effect: The main message is harder to scan at a common narrow width; the magnitude of the effect needs reader testing.

    Suggested action: Reduce the headline size or move the guitar below/away from the text at narrow widths. Prevent mid-word wrapping and reserve a real gap between the two elements.

    Check: Recheck 320 and 375 px screenshots after the CSS change; ask readers to paraphrase the headline after a brief glance.

  2. strength

    2. The document itself reflows

    Observed: The measured document and client widths were both 320 CSS px; there was no document-level horizontal scrollbar.

    Likely task effect: Readers can scroll vertically through the page without a second horizontal axis. Individual overlap still needs repair.

    Suggested action: Preserve the overall reflow while fixing the headline and graphic spacing.

    Check: Repeat at 320 px, 375 px and browser zoom after changes.

Fine-arts meaning section and image alternative

Fine Arts section showing music notation, a drum kit and computer illustrations below a two-part heading.12
  1. review P1 observed

    1. Drum-kit image is described as a barbecue scene

    Observed: 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 action: 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.

    Check: Inspect the final accessibility-tree image name and have a screen-reader user traverse this section.

  2. review P2 observed

    2. The heading outline breaks its hierarchy

    Observed: 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 action: Use one page H1, make each main section H2, and use H3 for class cards. Keep the visual type design if desired.

    Check: Traverse the headings in a screen reader or browser accessibility inspector and confirm the outline tells the same story as the visual page.

Offer grid · guitar, piano and voice

LFA Studio offer cards list Guitar, Piano and Voice with long descriptions and large decorative instrument illustrations.12
  1. strength

    1. The offer list gives concrete class choices

    Observed: 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 action: Retain specific class names and describe the next step beside them.

    Check: Ask a new visitor to locate one preferred subject and explain how to begin.

  2. review P3 hypothesis

    2. Decorative icons compete with class descriptions

    Observed: 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 action: Try a consistent image slot outside the text column and give the copy a stable width.

    Check: Compare comprehension of the class descriptions with and without icon overlap.

Contact and lesson inquiry · desktop

Contact section contains simple inquiry copy, direct email and phone, followed by a long lesson application form.12
  1. review P2 observed

    1. Contact invitation leads into an enrollment-sized form

    Observed: 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 action: 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.

    Check: Ask prospects with a simple question and prospects ready to enroll which contact path they would choose.

  2. review P2 observed

    2. Embedded form frame has no title

    Observed: 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 action: Give the iframe a concise title such as ‘Contact and lesson inquiry form’, then verify its announced name and keyboard entry.

    Check: Traverse the page with a screen reader and verify the form frame name before the fields.

Contact form at 320 px

320-pixel contact section with the fixed chat bubble overlapping part of the student-name input row.1
  1. review P3 observed

    1. Chat bubble overlaps a form input in this scroll state

    Observed: At 320 px with the form in view, the fixed chat bubble covers the right side of the Student Last Name input row. The field can be scrolled away from the bubble, so this is a state-specific obstruction rather than a proven inability to enter data.

    Likely task effect: The overlap may interrupt form entry on narrow phones; the impact remains untested.

    Suggested action: Move or collapse the chat bubble while a form field is active, or reserve enough bottom/right space so fields are unobstructed.

    Check: Complete the form path at 320 px using touch and keyboard without submitting; confirm all controls remain visible and reachable.

REPEATABLE CHECKS / EDITABLE RUBRIC

What did the browser rules flag?

45/70

screened points confirmed · 64% of assessed weight. 2 warning(s), 1 review item(s), 1 not checked.

Editorial checklist points for specific browser facts; review and not-checked rules are excluded from the assessed denominator. Not measured cognitive load, gaze, usability, or WCAG conformance. Rubric version 1.0.0; weights are editable in browser-rubric.json and the same capture can be rescored. Compare pages only with the same rule version, task and capture scope.

  1. not checked

    Distinct navigation labels use distinct in-page destinations

    20 points held out
    • No named in-page navigation links captured.

    Next action: Inspect navigation manually.

  2. warning

    One visible page-level heading in the captured DOM

    0/10 points
    • Captured DOM contains 5 visible H1 element(s).

    Next action: Review page outline and use one clear page title unless the content structure justifies more.

  3. pass

    Page-level heading appears in each first viewport

    15/15 points
    • A visible H1 appears in all 3 captured first viewports.

    Next action: Preserve first-screen heading clarity.

  4. pass

    No document-level overflow at 320 CSS px

    20/20 points
    • reflow-320: document width 320 px; client width 320 px.

    Next action: Preserve the current narrow reflow.

  5. warning

    Captured focus controls have names

    0/15 points
    • 3 unnamed captured focus control(s) across 44 Tab step(s).
    • desktop: Keyboard step 11 has no captured accessible name; inspect the control.
    • mobile: Keyboard step 6 has no captured accessible name; inspect the control.
    • reflow-320: Keyboard step 6 has no captured accessible name; inspect the control.

    Next action: Give each focusable control an accessible name; confirm in a screen reader.

  6. pass

    Visible images have alt attributes

    10/10 points
    • 0 visible image(s) lack alt attributes across 78 captured image instances.

    Next action: Review the quality and purpose of existing alt text.

  7. review

    Supplied solid-color text clears reference contrast thresholds

    10 points held out
    • 0 below reference threshold; 7 need review; 7 have supplied solid-color ratios.

    Next action: Verify actual painted backgrounds, font metrics and interaction states; fix confirmed low contrast.

16/ 100

Source-only structural friction risk index

2 flagged source issue(s) · 3 narrow strength(s) · low confidence

Experimental, uncalibrated source heuristic (s2c-source-heuristic-v1). This is not measured cognitive load, gaze, comprehension, or an accessibility grade. A zero means only that these source checks found no flagged issue.

01 / ORIENT

What is this about?

Check that the page title and opening summary answer the reader's question.

02 / LOCATE

Where is the answer?

Use this source heading map as one entry point; inspect the rendered page too.

03 / UNDERSTAND

What does it mean?

Ask a reader to explain the answer and its caveats. This audit cannot measure that.

EXPERIMENTAL / ESTIMATED VISUAL ATTENTION

Heuristic attention baseline

Fixed editorial rules combine position, element area, text size, supplied color contrast, and element type. Gaussian spots are blended into a relative heatmap. Face cues require explicit annotation. The rules were not fitted to gaze data. A held-out UEyes webpage test found 0.506 NSS at 3 seconds versus 1.148 for a Train-fitted position map; this version does not beat that simple baseline. It does not measure gaze, dwell, comprehension, or cognitive load.

desktop

Captured: 2026-10-27T03:48:59.957Z

Element basis: Chromium first-viewport DOM boxes; automatic mapping, not hand-verified; no face detection

Audited page screenshot

Relative intensity within this screenshot: low → high. Colors are not probabilities.

Highest rule weights

  1. where creativity isn’t hidden but shown. heading · relative rule weight 1.101
  2. Livermore Fine Arts Studio image · relative rule weight 0.7477
  3. Livermore Fine Arts Studio link · relative rule weight 0.7062
  4. Classes link · relative rule weight 0.6608
  5. Black acoustic guitar with white pickguard and simple fretboard, set against a black background. image · relative rule weight 0.6585
  6. Teachers link · relative rule weight 0.6517

mobile

Captured: 2026-10-27T03:49:02.205Z

Element basis: Chromium first-viewport DOM boxes; automatic mapping, not hand-verified; no face detection

Audited page screenshot

Relative intensity within this screenshot: low → high. Colors are not probabilities.

Highest rule weights

  1. where creativity isn’t hidden but shown. heading · relative rule weight 1.2395
  2. Open Menu button · relative rule weight 0.9536
  3. Black acoustic guitar with white pickguard and simple fretboard, set against a black background. image · relative rule weight 0.7332
  4. Livermore Fine Arts Studio image · relative rule weight 0.6563
  5. Livermore Fine Arts Studio link · relative rule weight 0.6198
  6. Open button · relative rule weight 0.5908

reflow-320

Captured: 2026-10-27T03:49:04.505Z

Element basis: Chromium first-viewport DOM boxes; automatic mapping, not hand-verified; no face detection

Audited page screenshot

Relative intensity within this screenshot: low → high. Colors are not probabilities.

Highest rule weights

  1. where creativity isn’t hidden but shown. heading · relative rule weight 1.2428
  2. Open Menu button · relative rule weight 0.9662
  3. Black acoustic guitar with white pickguard and simple fretboard, set against a black background. image · relative rule weight 0.7336
  4. Livermore Fine Arts Studio image · relative rule weight 0.6632
  5. Livermore Fine Arts Studio link · relative rule weight 0.6263
  6. We here at Livermore Fine Arts Studio believe music isn’t meant to be hidden. We help musicians of all kind find their s text · relative rule weight 0.5664

ACCESSIBILITY / TEXT CONTRAST SPOT CHECK

Can the highlighted text be read?

This screens annotated text against WCAG 2.2 SC 1.4.3: 4.5:1 for normal text and 3:1 for large text. It is separate from the estimated heatmap and structural friction score. A low-contrast element can receive less estimated attention under the current heuristic; a held-out test did not establish a benefit from its pixel-contrast proxy.

desktop

0 below the reference threshold · 3 need review · 8 annotated text elements screened.

Color basis: Computed opaque CSS colors confirmed against screenshot pixels where supplied; image, gradient, opacity and mismatched cases need review. Ratios use supplied solid foreground and background colors; rounded display values were not used for comparisons.

Text elementRatioReferenceScreening result
Home—4.5:1Needs color or font review
Classes17.36:14.5:1At or above on supplied colors
Pricing17.36:14.5:1At or above on supplied colors
Teachers17.36:14.5:1At or above on supplied colors
About17.36:14.5:1At or above on supplied colors
Contact17.36:14.5:1At or above on supplied colors
where creativity isn’t hidden but shown.—3:1Needs color or font review
We here at Livermore Fine Arts Studio believe music isn’t meant to be hidden. We help musicians of all kind find their s—4.5:1Needs color or font review

mobile

0 below the reference threshold · 2 need review · 3 annotated text elements screened.

Color basis: Computed opaque CSS colors confirmed against screenshot pixels where supplied; image, gradient, opacity and mismatched cases need review. Ratios use supplied solid foreground and background colors; rounded display values were not used for comparisons.

Text elementRatioReferenceScreening result
Open Menu17.36:14.5:1At or above on supplied colors
where creativity isn’t hidden but shown.—3:1Needs color or font review
We here at Livermore Fine Arts Studio believe music isn’t meant to be hidden. We help musicians of all kind find their s—4.5:1Needs color or font review

reflow-320

0 below the reference threshold · 2 need review · 3 annotated text elements screened.

Color basis: Computed opaque CSS colors confirmed against screenshot pixels where supplied; image, gradient, opacity and mismatched cases need review. Ratios use supplied solid foreground and background colors; rounded display values were not used for comparisons.

Text elementRatioReferenceScreening result
Open Menu17.36:14.5:1At or above on supplied colors
where creativity isn’t hidden but shown.—3:1Needs color or font review
We here at Livermore Fine Arts Studio believe music isn’t meant to be hidden. We help musicians of all kind find their s—4.5:1Needs color or font review

These are screening results for visible annotated elements, not WCAG conformance. Confirm exact CSS colors, backgrounds, font size and weight, all responsive and interaction states. Check meaningful graphics and control indicators under SC 1.4.11, plus keyboard focus, labels, reading order, and alternatives manually.

CHROMIUM / ASSISTIVE READING VIEW

Reading and keyboard paths

Chromium accessibility tree and observed browser Tab traversal. This is a browser projection, not a screen reader speech trace or WCAG conformance audit. Target-size, names, alternatives, and clipping are review candidates. Screenshot markers count only mapped, visible elements from 1 in each viewport; the marker key maps them back to full reading or Tab steps. The full order lists may contain offscreen or unboxed AX nodes, including parent and child text, so their step numbers can differ. Markers after 10 are faint. Lines show neither eye movement nor speech timing.

desktop · 1265 × 712 CSS px

Captured 2026-10-27T03:48:59.957Z (UTC). First heading: reading step 10. First named action: reading step 73. Keyboard steps recorded: 18; traversal stopped at body. Document width 1265 px.

Audited desktop screenshot
Visible marker key · reading
  1. Marker 1 → reading step 2: link — Livermore Fine Arts Studio
  2. Marker 2 → reading step 3: image — Livermore Fine Arts Studio
  3. Marker 3 → reading step 4: link — Home
  4. Marker 4 → reading step 5: link — Classes
  5. Marker 5 → reading step 6: link — Pricing
  6. Marker 6 → reading step 7: link — Teachers
  7. Marker 7 → reading step 8: link — About
  8. Marker 8 → reading step 9: link — Contact
  9. Marker 9 → reading step 10: heading — where creativity isn’t hidden but shown.
  10. Marker 10 → reading step 11: image — Black acoustic guitar with white pickguard and simple fretboard, set against a black background.
  11. Marker 11 → reading step 78: button — Open
Visible marker key · Tab
  1. Marker 1 → Tab step 2: a — Livermore Fine Arts Studio
  2. Marker 2 → Tab step 3: a — Home
  3. Marker 3 → Tab step 4: a — Classes
  4. Marker 4 → Tab step 5: a — Pricing
  5. Marker 5 → Tab step 6: a — Teachers
  6. Marker 6 → Tab step 7: a — About
  7. Marker 7 → Tab step 8: a — Contact
  8. Marker 8 → Tab step 18: button — Open
Full reading order · first 30 of 78
  1. link — Skip to Content
  2. link — Livermore Fine Arts Studio
  3. image — Livermore Fine Arts Studio
  4. link — Home
  5. link — Classes
  6. link — Pricing
  7. link — Teachers
  8. link — About
  9. link — Contact
  10. heading — where creativity isn’t hidden but shown.
  11. image — Black acoustic guitar with white pickguard and simple fretboard, set against a black background.
  12. StaticText — We here at Livermore Fine Arts Studio believe music isn’t meant to be hidden. We help musicians of all kind find their sound, grow their skills, and play with confidence. In every lesson we stride toward something bigger. Performance not just practice. This is a place where talent is nurtured and sh
  13. link — Learn more
  14. heading — “Livermore Fine Arts Studio has been one of the best decisions we've made for our child, and we couldn't be more grateful for the experience!”
  15. StaticText — — Yuliya Dodson
  16. heading — What the
  17. heading — Fine Arts means to us.
  18. image — Music notes and a treble clef on a black background.
  19. image — A black silhouette of a microphone with a dotted pattern on the head, against a black background.
  20. image — A black silhouette icon of a paintbrush with a rounded bristle tip, a short handle near the bristle, and a tapered elongated handle.
  21. image — Silhouette of a camera with a white circle on the lens
  22. image — Black and white illustration of two theatrical masks, one smiling and one frowning, representing comedy and tragedy.
  23. image — Black computer monitor on a black background.
  24. StaticText — The fine arts are more than skills or techniques, rather they’re a language of expression. They give shape to creativity, confidence, and imagination. To us, the fine arts mean giving people of all ages the chance to discover their voice, to create with purpose, and to share there gifts. They are th
  25. image — Illustration of a person with a spatula flipping a burger patty on a barbecue grill with smoke rising, outdoors
  26. heading — What exactly do we offer?
  27. heading — Guitar
  28. StaticText — From chords to solos, explore acoustic and electric guitar through pop, worship, and rock styles, with a focus on creativity and technique.
  29. image — Black acoustic guitar with white pickguard and six strings, viewed head-on against a black background.
  30. heading — Piano
Full keyboard order · first 30 of 18
  1. a — Skip to Content
  2. a — Livermore Fine Arts Studio
  3. a — Home
  4. a — Classes
  5. a — Pricing
  6. a — Teachers
  7. a — About
  8. a — Contact
  9. a — Learn more
  10. a — Learn more
  11. iframe — (no captured label)
  12. a — About us
  13. a — Contact
  14. a — Classes
  15. a — Facebook
  16. a — Instagram
  17. a — Makeup Policy
  18. button — Open

Review candidates · 1

  • Keyboard step 11 has no captured accessible name; inspect the control.

mobile · 375 × 812 CSS px

Captured 2026-10-27T03:49:02.205Z (UTC). First heading: reading step 5. First named action: reading step 68. Keyboard steps recorded: 13; traversal stopped at body. Document width 375 px.

Audited mobile screenshot
Visible marker key · reading
  1. Marker 1 → reading step 2: link — Livermore Fine Arts Studio
  2. Marker 2 → reading step 3: image — Livermore Fine Arts Studio
  3. Marker 3 → reading step 4: button — Open Menu
  4. Marker 4 → reading step 5: heading — where creativity isn’t hidden but shown.
  5. Marker 5 → reading step 6: image — Black acoustic guitar with white pickguard and simple fretboard, set against a black background.
  6. Marker 6 → reading step 73: button — Open
Visible marker key · Tab
  1. Marker 1 → Tab step 2: a — Livermore Fine Arts Studio
  2. Marker 2 → Tab step 3: button — Open Menu
  3. Marker 3 → Tab step 13: button — Open
Full reading order · first 30 of 73
  1. link — Skip to Content
  2. link — Livermore Fine Arts Studio
  3. image — Livermore Fine Arts Studio
  4. button — Open Menu
  5. heading — where creativity isn’t hidden but shown.
  6. image — Black acoustic guitar with white pickguard and simple fretboard, set against a black background.
  7. StaticText — We here at Livermore Fine Arts Studio believe music isn’t meant to be hidden. We help musicians of all kind find their sound, grow their skills, and play with confidence. In every lesson we stride toward something bigger. Performance not just practice. This is a place where talent is nurtured and sh
  8. link — Learn more
  9. heading — “Livermore Fine Arts Studio has been one of the best decisions we've made for our child, and we couldn't be more grateful for the experience!”
  10. StaticText — — Yuliya Dodson
  11. heading — What the
  12. heading — Fine Arts means to us.
  13. image — Music notes and a treble clef on a black background.
  14. image — A black silhouette of a microphone with a dotted pattern on the head, against a black background.
  15. image — A black silhouette icon of a paintbrush with a rounded bristle tip, a short handle near the bristle, and a tapered elongated handle.
  16. image — Silhouette of a camera with a white circle on the lens
  17. image — Black and white illustration of two theatrical masks, one smiling and one frowning, representing comedy and tragedy.
  18. image — Black computer monitor on a black background.
  19. StaticText — The fine arts are more than skills or techniques, rather they’re a language of expression. They give shape to creativity, confidence, and imagination. To us, the fine arts mean giving people of all ages the chance to discover their voice, to create with purpose, and to share there gifts. They are th
  20. image — Illustration of a person with a spatula flipping a burger patty on a barbecue grill with smoke rising, outdoors
  21. heading — What exactly do we offer?
  22. heading — Guitar
  23. StaticText — From chords to solos, explore acoustic and electric guitar through pop, worship, and rock styles, with a focus on creativity and technique.
  24. image — Black acoustic guitar with white pickguard and six strings, viewed head-on against a black background.
  25. heading — Piano
  26. StaticText — Build your foundation in piano through both classical and contemporary styles. Learn to play by ear, read music, and create your own sound.
  27. image — Black grand piano with white keys on a black background
  28. heading — Voice
  29. StaticText — Find your voice across genres. We specialize in Classical, Musical Theater, and Contemporary styles, helping students build range, control, and confidence.
  30. image — Black microphone with white polka dots on the head and white accents on a black background.
Full keyboard order · first 30 of 13
  1. a — Skip to Content
  2. a — Livermore Fine Arts Studio
  3. button — Open Menu
  4. a — Learn more
  5. a — Learn more
  6. iframe — (no captured label)
  7. a — About us
  8. a — Contact
  9. a — Classes
  10. a — Facebook
  11. a — Instagram
  12. a — Makeup Policy
  13. button — Open

Review candidates · 1

  • Keyboard step 6 has no captured accessible name; inspect the control.

reflow-320 · 320 × 800 CSS px

Captured 2026-10-27T03:49:04.505Z (UTC). First heading: reading step 5. First named action: reading step 68. Keyboard steps recorded: 13; traversal stopped at body. Document width 320 px.

Audited reflow-320 screenshot
Visible marker key · reading
  1. Marker 1 → reading step 2: link — Livermore Fine Arts Studio
  2. Marker 2 → reading step 3: image — Livermore Fine Arts Studio
  3. Marker 3 → reading step 4: button — Open Menu
  4. Marker 4 → reading step 5: heading — where creativity isn’t hidden but shown.
  5. Marker 5 → reading step 6: image — Black acoustic guitar with white pickguard and simple fretboard, set against a black background.
Visible marker key · Tab
  1. Marker 1 → Tab step 2: a — Livermore Fine Arts Studio
  2. Marker 2 → Tab step 3: button — Open Menu
Full reading order · first 30 of 73
  1. link — Skip to Content
  2. link — Livermore Fine Arts Studio
  3. image — Livermore Fine Arts Studio
  4. button — Open Menu
  5. heading — where creativity isn’t hidden but shown.
  6. image — Black acoustic guitar with white pickguard and simple fretboard, set against a black background.
  7. StaticText — We here at Livermore Fine Arts Studio believe music isn’t meant to be hidden. We help musicians of all kind find their sound, grow their skills, and play with confidence. In every lesson we stride toward something bigger. Performance not just practice. This is a place where talent is nurtured and sh
  8. link — Learn more
  9. heading — “Livermore Fine Arts Studio has been one of the best decisions we've made for our child, and we couldn't be more grateful for the experience!”
  10. StaticText — — Yuliya Dodson
  11. heading — What the
  12. heading — Fine Arts means to us.
  13. image — Music notes and a treble clef on a black background.
  14. image — A black silhouette of a microphone with a dotted pattern on the head, against a black background.
  15. image — A black silhouette icon of a paintbrush with a rounded bristle tip, a short handle near the bristle, and a tapered elongated handle.
  16. image — Silhouette of a camera with a white circle on the lens
  17. image — Black and white illustration of two theatrical masks, one smiling and one frowning, representing comedy and tragedy.
  18. image — Black computer monitor on a black background.
  19. StaticText — The fine arts are more than skills or techniques, rather they’re a language of expression. They give shape to creativity, confidence, and imagination. To us, the fine arts mean giving people of all ages the chance to discover their voice, to create with purpose, and to share there gifts. They are th
  20. image — Illustration of a person with a spatula flipping a burger patty on a barbecue grill with smoke rising, outdoors
  21. heading — What exactly do we offer?
  22. heading — Guitar
  23. StaticText — From chords to solos, explore acoustic and electric guitar through pop, worship, and rock styles, with a focus on creativity and technique.
  24. image — Black acoustic guitar with white pickguard and six strings, viewed head-on against a black background.
  25. heading — Piano
  26. StaticText — Build your foundation in piano through both classical and contemporary styles. Learn to play by ear, read music, and create your own sound.
  27. image — Black grand piano with white keys on a black background
  28. heading — Voice
  29. StaticText — Find your voice across genres. We specialize in Classical, Musical Theater, and Contemporary styles, helping students build range, control, and confidence.
  30. image — Black microphone with white polka dots on the head and white accents on a black background.
Full keyboard order · first 30 of 13
  1. a — Skip to Content
  2. a — Livermore Fine Arts Studio
  3. button — Open Menu
  4. a — Learn more
  5. a — Learn more
  6. iframe — (no captured label)
  7. a — About us
  8. a — Contact
  9. a — Classes
  10. a — Facebook
  11. a — Instagram
  12. a — Makeup Policy
  13. button — Open

Review candidates · 1

  • Keyboard step 6 has no captured accessible name; inspect the control.

Source heading map

  1. H1 where creativity isn’t hidden but shown.
  2. H2 “Livermore Fine Arts Studio has been one of the best decisions we've made for our child, and we couldn't be more grateful for the experience!”
  3. H1 What the
  4. H1 Fine Arts means to us.
  5. H1 What exactly do we offer?
  6. H4 Guitar
  7. H4 Piano
  8. H4 Voice
  9. H4 Drums
  10. H4 Song Writing
  11. H4 Production
  12. H4 Art
  13. H4 Acting
  14. H4 Photography
  15. H1 Why Choose Livermore Fine Arts Studio?
  16. H3 Our newly renovated music studios are designed with both soundproofing and aesthetics in mind, providing an inspiring and creative space for learning. We foster a vibrant, supportive community dedicated to growth, artistic expression, and musical excellence.

Flagged issues

  • heading_jump Heading levels jump; check whether the outline communicates the intended hierarchy.
  • generic_link A generic link label may hide its destination when scanned out of context.

Suggested fixes

  • heading_jump Check the heading outline and use levels that reflect section nesting.
  • generic_link Name the destination or action in the link text.

Narrow strengths

  • labeled_sections Source headings provide named entry points.
  • page_heading The full page has a level-one heading.
  • image_alternatives Every source image has an alt attribute or Markdown alternative; quality still needs review.

Checks still needed

  • Inspect rendered desktop and mobile layout, including visual density and text-graphic proximity.
  • Ask representative readers to find a fact and explain it; record task success separately from this index.