# Accessibility Compliance Log — Electric Shark Tattoo Studio

**Site:** https://studio.electricsharktattoo.com  
**Source folder:** `~/Desktop/electric-shark-tattoo`  
**Scope:** Port Orange tattoo studio (bookings, deposits, artists) — **not** the machine shop at electricsharktattoo.com  
**Standards targeted:** WCAG 2.1 Level AA (ongoing alignment); Title III ADA digital access risk reduction  
**Last updated:** 2026-07-15  
**Maintained by:** Electric Shark Tattoo Studio / Richard & Maia Detore  

> This log documents accessibility and related legal-compliance remediations. It is a good-faith paper trail, not a formal VPAT, third-party audit certificate, or legal advice.

---

## 1. Public commitment

| Asset | URL / path | Notes |
|-------|------------|--------|
| Accessibility Statement | `/accessibility.html` | WCAG 2.1 AA target; accommodation contacts |
| Privacy Policy | `/privacy.html` | Bookings, Stripe, contact data |
| Studio Terms | `/terms.html` | 18+ policy, deposits, BNPL disclaimer |
| Aftercare | `/aftercare.html` | Care guidance |
| Footer links | Global on main pages | Privacy · Terms · Aftercare · Accessibility |
| Friendly URLs | `_redirects` | `/accessibility`, `/privacy`, `/terms`, `/aftercare` |

**Accommodation contacts (from statement):**  
- Email: electricsharkstudio@gmail.com  
- Phone: (386) 243-2666  
- Address: 5606 S Ridgewood Ave, Port Orange, FL 32127  

---

## 2. Remediation chronology

### 2026-07-15 — Initial ADA / legal hardening pass

Audit performed against live site patterns and source HTML/CSS/JS. Findings remediations applied without a visual redesign.

#### A. Document structure & keyboard access

| Item | Status | Detail |
|------|--------|--------|
| `lang="en"` | Already present / retained | On HTML documents |
| Landmarks | Retained | `<header>`, `<nav>`, `<main>`, `<footer>` |
| Skip link | **Added** | “Skip to content” → `#main-content` on main pages |
| Focus styles | **Added** | `:focus-visible` outlines for links, buttons, `.btn`, nav toggle |
| `prefers-reduced-motion` | **Added / strengthened** | Global reduced motion CSS; homepage rotators respect reduce |

#### B. Images & non-text content

| Item | Status | Detail |
|------|--------|--------|
| Artist portfolio `<img>` | Retained + hardened | Descriptive alts via `getAlt` (Maia / Richard / Kirby pages) |
| Attribute escaping | **Added** | `viewer.js` escapes alt / watermark for safe attribute output |
| Homepage hero portfolio | Canvas + `role="img"` | Dynamic `aria-label` per slide (not raw bare canvas) |
| Map iframes | Already titled | Google Maps embeds include accessible `title` |

#### C. Forms

| Item | Status | Detail |
|------|--------|--------|
| On-site booking forms | N/A | Studio booking uses Stripe Payment Links + Instagram / phone / email — no unlabeled site form inputs on primary flows |

#### D. Moving content (WCAG 2.2.2)

| Item | Status | Detail |
|------|--------|--------|
| Auto gallery + quote rotator | **Fixed** | Shared **Pause slideshow** control (`#motion-pause`) |
| Pause mid-animation | **Fixed** | Timer offset so resume does not jump |
| Reduced motion | **Fixed** | Quote fade disabled / gallery behavior tempered; pause available |

#### E. Links opening in a new tab

| Item | Status | Detail |
|------|--------|--------|
| `rel="noopener noreferrer"` | Audited / retained | Required on `target="_blank"` |
| New-tab disclosure | **Added** | `aria-label` includes “(opens in a new tab)” for Stripe, Instagram, Google, machines shop links |

Examples: deposit / gift Stripe CTAs; artist Instagram; Google reviews & maps; footer link to electricsharktattoo.com.

#### F. Age, payments, claims (related risk reduction)

| Item | Status | Detail |
|------|--------|--------|
| 18+ policy | **Added** | Terms page + Book deposit notice + FAQ (“Do you tattoo minors?”) |
| BNPL marketing | **Softened** | Stripe / Klarna / Affirm framed as may appear by eligibility |
| “Award-winning” guest claim | **Softened** | FAQ / JSON-LD language adjusted |

#### G. Broken / ambiguous URLs

| Item | Status | Detail |
|------|--------|--------|
| `/daytona-beach`, `/port-orange` | **Redirects** | → real `*-tattoos.html` pages |
| `/privacy`, `/terms`, `/aftercare`, `/accessibility` | **Redirects** | → HTML pages |
| Sitemap | **Updated** | Includes new legal / a11y URLs |

---

## 3. Files touched (studio) — summary

- `styles.css` — skip link, focus-visible, motion pause, legal page, footer legal, reduced motion  
- `script.js` — pause state for gallery + quotes  
- `viewer.js` — alt escaping  
- `index.html`, `book.html`, `faq.html`, artist & local pages — skip link, footer Accessibility, new-tab labels  
- `privacy.html`, `terms.html`, `aftercare.html`, `accessibility.html` — **new**  
- `_redirects`, `sitemap.xml`  

---

## 4. Known limitations / ongoing work

- Homepage portfolio remains canvas-based (labeled); not a browsable image list for every SR user  
- No third-party automated scan certificate archived in-repo  
- Contrast and full keyboard path should be re-checked after any major design change  
- Future: optional periodic re-audit date, user feedback log section below  

---

## 5. Feedback & accommodation log

| Date | Channel | Issue | Response | Owner |
|------|---------|-------|----------|-------|
| — | — | — | — | — |

*(Record accessibility complaints / accommodation requests here with dates and outcomes.)*

---

## 6. Sign-off

| Field | Value |
|-------|--------|
| Remediation date | 2026-07-15 |
| Sites covered by this file | Studio only |
| Companion machine-shop log | See electricsharktattoo.com `/log/accessibility_log.md` |
| Conformance claim | Working toward WCAG 2.1 AA; not asserting full certification |