TOEIC　vocabulary　Lab (toeic_website_ver2.0)

TOEIC語彙ラボ is a comprehensive web application for learning essential TOEIC vocabulary, featuring AI-generated explanations, pronunciation support, and efficient caching strategies.

🚀 Features

• Content Error Reports and Social Metadata: Every available word explanation includes an email report link with the word and canonical URL prefilled, plus a contact-page fallback. Home Open Graph and Twitter titles/descriptions match its page metadata and retain share images. robots.txt keeps crawl rules and the sitemap URL without the unused Host directive. (Updated: 2026-10-02)

• Study Audio Controls: Study/review word and example-sentence audio buttons use 44×44px targets, 20px icons, blue styling, and visible keyboard focus. The example button sits beside the sentence instead of inline, so wrapped sentences keep even line spacing.

• Consistent Difficulty Labels: Level UI uses 最重要 / 中級 / 上級 and shared blue / violet / rose styles across home, search, daily picks, and word details. Labels, score guidance, and styling come from the shared level definitions.

• Accessible Favorites Confirmation: Clear-all uses a native modal dialog with initial focus on Cancel, Escape dismissal, and browser-managed background interaction blocking. Cancel restores focus to the trigger; successful deletion focuses the empty-state message.

• Inline Audio Recovery: Word details and study/review cards show audio fetch/playback errors near the affected control with an explicit retry button. New playback clears the error; stale requests are ignored after switching audio, cards, or pages. Study word requests use the canonical slug (including uppercase terms such as CEO), and scope changes clear loading/error/retry state so revisiting a card remains playable.

• Consistent Term Search: Home, all-words, and favorites share NFKC/case/whitespace normalization and exact-match-first prefix ordering. Home and all-words also share * wildcard matching, including full-width ＊; favorites retain prefix-only search.

• Home Search Recovery: Empty word-search results show spelling/prefix guidance, a clear button that restores input focus and the first page, and a link to the meaning-search tab. (Updated: 2026-09-26)

• Initial-load resources: The UI uses system fonts without Geist downloads/preloads. A8 banners and their tracking pixels use native lazy loading, retaining their dimensions to reserve layout space.

This is the beginning of the README. Read the rest at the original. Read the full README ↗