const { Card, Button, Icon, Input, Callout, Divider } = window.BowcareDesignSystem_68307b;
const { WRAP, Eyebrow } = window;
/* --- FAQ: disclosure buttons with aria-expanded / aria-controls --- */
const FAQS = [
{ q: 'Do I need a smartphone?', a: 'A phone or a tablet works. Bowcare also opens in a web browser on a computer, with the same large print.' },
{ q: 'Can I record what the doctor says?', a: 'Yes, if you tell the doctor first. The recording stays on your phone and is attached to that visit. You can delete it any time.' },
{ q: 'Who else can see my visits?', a: 'Only the people you add, and only what you choose to share. They can read; they cannot change your notes.' },
{ q: 'What does it cost?', a: 'Keeping visits, notes and takeaways is free. Printed summaries and recording storage are part of the paid plan.' },
];
function Faq() {
const [open, setOpen] = React.useState(0);
return (
);
}
/* --- Accessibility statement: AODA requires a public, reachable commitment --- */
const A11Y = [
['Standard met', 'WCAG 2.1 Level AA, and the design targets AAA contrast for body text.'],
['Ontario (AODA)', 'This site and the app follow the Integrated Accessibility Standards Regulation for information and communications.'],
['Text and zoom', 'Body text starts at 18px and reflows to 400% zoom with no loss of content.'],
['Keyboard', 'Every control is reachable and operable by keyboard, with a visible 3px focus ring.'],
['Screen readers', 'Tested with VoiceOver and NVDA. Status messages are announced, not just coloured.'],
['Feedback', 'Tell us where we fall short: access@bowcare.example — we reply within 2 business days, in the format you ask for.'],
];
function AccessibilityStatement() {
return (
Accessibility
Accessible because of who uses it.
Bowcare is used by people with low vision, tremor, hearing loss and memory trouble. Accessibility is the product, not a compliance exercise.
{A11Y.map(([t, d]) => (
{t}
{d}
))}
);
}
/* --- Sign-up: label, hint, error identification (3.3.1) and confirmation --- */
function SignUp() {
const [email, setEmail] = React.useState('');
const [err, setErr] = React.useState('');
const [done, setDone] = React.useState(false);
const submit = (e) => {
e.preventDefault();
if (!/.+@.+\..+/.test(email)) { setErr('That address is missing an @ or a dot. Check it and try again.'); setDone(false); return; }
setErr(''); setDone(true);
};
return (
Start with the next visit.
Put in your email and we will send a link to set up Bowcare on your phone.
{done ? We sent a link to {email}. It works for 24 hours. : null}