Title: Accessible Login – WCAG AA Login & Registration Author: Shivaji Mitra Published: June 17, 2026 Last modified: August 4, 2026 --- Search plugins ![](https://ps.w.org/ananyoo-accessible-login/assets/banner-772x250.png?rev=3575881) ![](https://ps.w.org/ananyoo-accessible-login/assets/icon-256x256.png?rev=3575881) # Accessible Login – WCAG AA Login & Registration By [Shivaji Mitra](https://profiles.wordpress.org/anblik/) [Download](https://downloads.wordpress.org/plugin/ananyoo-accessible-login.1.1.2.zip) * [Details](https://test.wordpress.org/plugins/ananyoo-accessible-login/#description) * [Reviews](https://test.wordpress.org/plugins/ananyoo-accessible-login/#reviews) * [Installation](https://test.wordpress.org/plugins/ananyoo-accessible-login/#installation) * [Development](https://test.wordpress.org/plugins/ananyoo-accessible-login/#developers) [Support](https://wordpress.org/support/plugin/ananyoo-accessible-login/) ## Description **Accessible Login** transforms the default WordPress login, lost-password, password- reset and registration screens into a fully accessible, mobile-friendly experience that conforms to **WCAG 2.2 Level AA** out of the box — without sacrificing any of the visual customization power that site owners expect from a modern login plugin. **Live demo:** [Try the accessible login demo »](https://showcase.ananyoo.com/accessible-login/) #### Why this plugin? This plugin approaches login customization with accessibility as the starting point. Its defaults, palettes and customization options are designed around WCAG 2.2 AA requirements — colour combinations are checked for contrast, focus indicators are preserved, and target sizes are kept within recommended bounds — so that customizing the login screen does not come at the expense of accessibility. #### Key features * **10 hand-tuned, WCAG 2.2 AA compliant color palettes** — pick one during the 1-minute setup wizard and apply it instantly. Or design your own; the plugin never forces a palette on you. * **Custom backend login URL** _(optional — off by default)_ — replace `/wp-login. php` with a slug you choose (e.g. `/my-secret-door`); when you enable it, the old URL can return 404 to block automated brute-force scanners. * **Logo upload + customization** — your logo, your dimensions, your alt text, your link target (defaults to your homepage, never wordpress.org). * **Five layout styles** — centered, minimal, split-left, split-right, full background image. * **Background customization** — solid color, image upload, overlay opacity, or one of four CSS-only patterns (dots, grid, waves). * **Typography control** — pick from system, Inter, Poppins, classic sans, serif or monospace; minimum 16 px enforced. * **Show / hide password toggle** — satisfies WCAG 2.2 SC 3.3.8 Accessible Authentication. * **Caps-lock warning** — announces to screen readers via aria-live. * **3 px focus ring with 2 px offset** — meets the new WCAG 2.2 SC 2.4.11/2.4.13 focus requirements. * **44 × 44 default target size** (24 × 24 enforced minimum) — meets WCAG 2.2 SC 2.5.8. * **Reflows cleanly at 320 px** — no horizontal scrolling on the smallest phones. * **prefers-reduced-motion respected** — animations disabled for users who request it. * **Windows High Contrast / forced-colors mode** supported. * **Settings export / import** — JSON-based, useful for migrating between sites. * **Structured layout controls** — fine-tune corner radius, form width and padding, input height, button weight, focus-indicator width and a card-shadow toggle. Every value is bounded to a WCAG-safe range; the plugin does not accept arbitrary CSS, JavaScript or PHP. * **Real-time contrast checker** — every important colour pair is checked live against WCAG (4.5:1 text, 7:1 AAA, 3:1 for borders and focus) as you pick colours, shown with a symbol and words, never colour alone. * **Cognitive accessibility boosters** _(WCAG 2.2 SC 3.3.7 / 3.3.8)_ — an optional“ You are signed in” hold screen with an adjustable 1–5 second delay and a live region, plus a contextual “Need help signing in?” help drawer with your own guidance text. * **Accessible password strength meter** — strength shown in words (Weak / Fair/ Good / Strong) with friendly suggestions, never by colour alone. * **Accessibility health check** — a dashboard widget scores your login screen out of 100, checking every contrast pair plus text size, target size, field height and focus-ring width. * **Front-end login block & shortcode** — place the accessible form anywhere with`[ accessible_login]` or the “Accessible Login” block, carrying the same accessible styling and a signed-in state with logout. * **WooCommerce styling bridge** _(optional)_ — applies the same accessible colours, focus states and target sizes to the WooCommerce “My Account” login and registration forms. * **Reset to defaults** with a single click. * **Semantic versioning + DB schema versioning** — safe automatic migrations on upgrade. * **Translation-ready** — all strings wrapped in `__()` with the `ananyoo-accessible- login` text domain. #### Accessibility testing This plugin is tested with the same tools and standards used in commercial accessibility audits: * JAWS, NVDA, VoiceOver (macOS & iOS), TalkBack (Android) * Keyboard-only navigation * Color Contrast Analyzer * Browser zoom up to 400 % * Deque AXE * Google Lighthouse * wave.webaim.org These tools and assistive technologies are part of the plugin’s development and testing workflow. #### About the author [Shivaji Mitra](https://ananyoo.com) is the proprietor of M/S. Anblik (est. 2003) and an Accessibility Consultant based in Kolkata, India. He specializes in building websites and mobile applications that meet the needs of users with disabilities, in conformance with WCAG guidelines. Find more of his accessibility work at [https://ananyoo.com](https://ananyoo.com). **Links** * [Plugin home & documentation](https://ananyoo.com/ananyoo-accessible-login-plugin/) * [Live demo](https://showcase.ananyoo.com/accessible-login/) * [More accessibility plugins from Ananyoo](https://ananyoo.com/wordpress-accessibility-plugins/)— further WordPress accessibility plugins are in active development. * [Support & contact](https://ananyoo.com/contact-us/) ### Privacy Policy This plugin does not collect, store or transmit any personal information about your visitors or your site administrators. All settings are stored in your own WordPress database. No telemetry, no phone-home, no third-party requests. ## Screenshots [⌊Ten WCAG-compliant colour palettes — each maintains AA contrast, applied in one click.⌉⌊Ten WCAG-compliant colour palettes — each maintains AA contrast, applied in one click.⌉[ Ten WCAG-compliant colour palettes — each maintains AA contrast, applied in one click. [⌊Default Ananyoo Classic palette on the login screen, desktop.⌉⌊Default Ananyoo Classic palette on the login screen, desktop.⌉[ Default Ananyoo Classic palette on the login screen, desktop. [⌊Same login screen at 320 px width — reflows cleanly, no horizontal scroll.⌉⌊Same login screen at 320 px width — reflows cleanly, no horizontal scroll.⌉[ Same login screen at 320 px width — reflows cleanly, no horizontal scroll. [⌊Fine-Tune Colors — adjust every individual colour beyond the presets.⌉⌊Fine-Tune Colors — adjust every individual colour beyond the presets.⌉[ Fine-Tune Colors — adjust every individual colour beyond the presets. [⌊Logo & Branding tab — upload your logo, set its link target.⌉⌊Logo & Branding tab — upload your logo, set its link target.⌉[ Logo & Branding tab — upload your logo, set its link target. [⌊Accessibility tab — every WCAG-related toggle plus the optional enhancements in one place.⌉⌊Accessibility tab — every WCAG-related toggle plus the optional enhancements in one place.⌉[ Accessibility tab — every WCAG-related toggle plus the optional enhancements in one place. [⌊Login URL & Security tab — replace /wp-login.php with your own slug.⌉⌊Login URL& Security tab — replace /wp-login.php with your own slug.⌉[ Login URL & Security tab — replace `/wp-login.php` with your own slug. [⌊About tab — full WCAG 2.2 AA conformance statement.⌉⌊About tab — full WCAG 2.2 AA conformance statement.⌉[ About tab — full WCAG 2.2 AA conformance statement. [⌊Real-time contrast checker on the Colors tab — each colour is checked against WCAG live, right next to the field, with a symbol and words, never colour alone.⌉⌊ Real-time contrast checker on the Colors tab — each colour is checked against WCAG live, right next to the field, with a symbol and words, never colour alone.⌉[ Real-time contrast checker on the Colors tab — each colour is checked against WCAG live, right next to the field, with a symbol and words, never colour alone. [⌊Optional enhancements section — cognitive boosters, password meter, embedding and WooCommerce, each an accessible on/off choice.⌉⌊Optional enhancements section— cognitive boosters, password meter, embedding and WooCommerce, each an accessible on/off choice.⌉[ Optional enhancements section — cognitive boosters, password meter, embedding and WooCommerce, each an accessible on/off choice. [⌊Accessible password strength meter — strength shown in words (Weak, Fair, Good, Strong) with suggestions, never by colour alone.⌉⌊Accessible password strength meter— strength shown in words (Weak, Fair, Good, Strong) with suggestions, never by colour alone.⌉[ Accessible password strength meter — strength shown in words (Weak, Fair, Good, Strong) with suggestions, never by colour alone. [⌊"You are signed in" success hold screen — a clear, announced confirmation before forwarding, with a Continue-now link.⌉⌊"You are signed in" success hold screen — a clear, announced confirmation before forwarding, with a Continue-now link.⌉[ “You are signed in” success hold screen — a clear, announced confirmation before forwarding, with a Continue-now link. [⌊"Need help signing in?" contextual help drawer — a keyboard-friendly disclosure with plain-language guidance.⌉⌊"Need help signing in?" contextual help drawer — a keyboard-friendly disclosure with plain-language guidance.⌉[ “Need help signing in?” contextual help drawer — a keyboard-friendly disclosure with plain-language guidance. [⌊Accessibility health check — a dashboard widget scoring the login screen out of 100 against WCAG.⌉⌊Accessibility health check — a dashboard widget scoring the login screen out of 100 against WCAG.⌉[ Accessibility health check — a dashboard widget scoring the login screen out of 100 against WCAG. [⌊The accessible login form embedded anywhere with the [accessible_login] shortcode or block.⌉⌊The accessible login form embedded anywhere with the [accessible_login] shortcode or block.⌉[ The accessible login form embedded anywhere with the [accessible_login] shortcode or block. ## Installation 1. Upload the `ananyoo-accessible-login` folder to the `/wp-content/plugins/` directory,** or** install via Plugins Add New Upload Plugin. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. You will see a welcome notice. Click **Start the 1-minute setup** to pick one of the 10 accessible palettes (or skip to use the default). 4. Visit **Accessible Login** in the admin sidebar to fine-tune colors, logo, layout, custom URL and more. ## FAQ ### Does this work with my existing theme? Yes. The plugin only customizes the WordPress login / register / lost-password / reset screens (the screens that live at `wp-login.php`), not your public theme. ### Will it break if I disable the plugin? No. Deactivating restores the default WordPress login screen exactly as it was. Your settings are preserved so you can reactivate later. Whether deleting the plugin removes your stored settings depends on your preference — see “What happens to my settings when I delete the plugin?” below. ### What happens to my settings when I delete the plugin? You decide. On the **Advanced** tab there is a section called **“When the plugin is deleted”** with two choices: * **Keep all data** (recommended, default) — settings remain in the database after deletion, so re-installing the plugin restores everything exactly as it was. Best for accidental deletes, updates that route through “delete + re-install”, or temporary troubleshooting. * **Remove all data (clean uninstall)** — all plugin settings, palette choice, logo reference and any plugin-created rows are permanently deleted on uninstall. Choose this when you are removing the plugin for good or want a clean database. Your choice is saved with the rest of your settings; change it any time and re-save. On multisite, each site honours its own preference. ### Can I really change the login URL? Yes. On the **Login URL & Security** tab, set a custom slug (e.g. `my-secret-door`). The default `/wp-login.php` URL will return 404 for unauthenticated visitors, which blocks the vast majority of automated brute-force scanners. ### Does it work with CAPTCHA plugins (reCAPTCHA, Turnstile, hCaptcha)? Yes. The plugin loads the genuine WordPress login page — it never replaces it — and enhances the standard form through WordPress’s own login hooks. So third-party CAPTCHA plugins that use those same hooks render and validate normally, including when you have set a custom login URL. For the best accessibility we recommend Cloudflare Turnstile or hCaptcha’s accessible mode, which are generally friendlier to screen-reader and keyboard users than Google reCAPTCHA v2’s “I’m not a robot” checkbox. The choice is entirely yours — the plugin imposes none. ### What if I want a completely custom color, not from your palettes? The palettes are starting points, not jail cells. Every individual color is exposed as its own WordPress color picker on the **Colors & Palette** tab — change as many or as few as you like. ### Is the show/hide password toggle a security risk? No. It only reveals the password the user themselves typed, in their own browser, after they explicitly click the toggle. WCAG 2.2 SC 3.3.8 _recommends_ this exact pattern for accessible authentication. ### How do I migrate settings to another site? Open **Advanced Export settings**, copy the JSON, and paste it into **Advanced Import settings** on the other site. ### Does it work in multisite / network installs? Yes. Each site has its own settings, including its own uninstall preference. On a network uninstall, each site’s choice is respected independently — site A can keep its data while site B wipes its data in the same uninstall pass. ### How is this different from other custom-login plugins? It is built with accessibility as the primary design goal rather than an afterthought: defaults, palettes and options are chosen with WCAG 2.2 AA in mind, and the customization controls are bounded so that common accessibility pitfalls (low contrast, hidden focus, tiny targets) are avoided by design. ### Where can I report a bug or request a feature? Visit [https://ananyoo.com/contact-us/](https://ananyoo.com/contact-us/). ## Reviews ![](https://secure.gravatar.com/avatar/0b90b31cd591d82366363ad1eaf77df4a3dbfee363db750689f5632c12c899f5? s=60&d=retro&r=g) ### 󠀁[Excellent Accessible Login Solution](https://wordpress.org/support/topic/excellent-accessible-login-solution/)󠁿 [salehul786](https://profiles.wordpress.org/salehul786/) June 21, 2026 We’ve tested several login plugins, and this is one of the few that genuinely prioritizes accessibility. The forms are easy to use for all visitors, and the setup process was straightforward. Highly recommended for accessibility-conscious WordPress sites. [ Read all 1 review ](https://wordpress.org/support/plugin/ananyoo-accessible-login/reviews/) ## Contributors & Developers “Accessible Login – WCAG AA Login & Registration” is open source software. The following people have contributed to this plugin. Contributors * [ Shivaji Mitra ](https://profiles.wordpress.org/anblik/) [Translate “Accessible Login – WCAG AA Login & Registration” into your language.](https://translate.wordpress.org/projects/wp-plugins/ananyoo-accessible-login) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/ananyoo-accessible-login/), check out the [SVN repository](https://plugins.svn.wordpress.org/ananyoo-accessible-login/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/ananyoo-accessible-login/) by [RSS](https://plugins.trac.wordpress.org/log/ananyoo-accessible-login/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.2 This is a large accessibility release. Six new features have been added, and all of them keep the login, registration and password screens conforming to WCAG 2.2 Level AA. * New — Real-time contrast checker (Colors tab): As you pick colours or apply a palette, each colour is checked live against WCAG right next to its field, shown as a colour-coded pill — 4.5:1 for normal text (AA), 7:1 (AAA) and 3:1 for borders, focus and the focus ring. Each result shows a symbol and words together, never colour alone, names what it is checked against, and a polite spoken summary reports the overall tally. This helps you avoid a low-contrast palette before you save it. * New — Cognitive accessibility boosters (WCAG 2.2, SC 3.3.7 and SC 3.3.8): An optional “You are signed in” hold screen shows a clear success message with a short, adjustable delay (1 to 5 seconds) before moving the user to their account. It uses a polite live region and a no-JavaScript meta-refresh fallback, with a “Continue now” link for people who do not want to wait. A second option adds a contextual help drawer on the login screen — a native disclosure (“Need help signing in?”) with your own guidance text, so users get help without leaving the page. * New — Accessible password strength meter: On the set-password and registration fields, users now see the strength in words — Weak, Fair, Good or Strong — along with short, friendly suggestions on how to make the password stronger. Strength is never shown by colour alone, so it works for colour-blind users and in high- contrast mode. * New — Accessibility health check (Admin dashboard widget): A summary widget on the WordPress dashboard gives your login screen an accessibility score out of 100. It checks every colour pair for contrast and confirms your text size, target size, field height and focus-ring width meet the WCAG thresholds, listing anything that needs attention. * New — Front-end login block and shortcode: You can now place the accessible login form anywhere on your site using the [accessible_login] shortcode or the “Accessible Login” block in the editor. The embedded form carries the same accessible colours, focus states and target sizes as the main login screen, and shows a signed-in state with a logout link when the user is already logged in. * New — WooCommerce styling bridge (optional): When enabled, the plugin’s accessible colours, focus states and target sizes are applied to the WooCommerce “My Account” login and registration forms, so shops get a consistent, accessible sign-in experience. #### 1.0.5 _Released: 2026-06-23_ * Admin: changed the sidebar menu icon from the generic accessibility glyph to a key (dashicons-admin-network), which better signals a login/registration plugin. Cosmetic admin-only change. #### 1.0.4 _Released: 2026-06-23_ * Admin: WordPress admin notices (e.g. the core “Search engine visibility” notice) now appear above the settings-page header band instead of inside it, by adding a wp-header-end marker. Settings-screen only; no front-end or functional changes. #### 1.0.3 _Released: 2026-06-23_ * Accessibility (WCAG 1.3.1 / region best practice): all login-screen content is now contained within landmarks. The tagline and footer text (printed after the form) are wrapped in a < footer> contentinfo landmark, and WordPress’s screen-reader “Log In” heading is moved into the landmark. Resolves the AXE “All page content should be contained by landmarks” findings. No settings or visual changes. #### 1.0.2 _Released: 2026-06-20_ * Listing tidy-up: simplified the display name (removed “2.2” from the title), moved the Links section to the foot of the listing, added a Live demo link after the intro, and removed a duplicated author-credit paragraph. No functional or code changes; settings and behaviour are unchanged. #### 1.0.1 _Released: 2026-06-19_ * Display name updated to “Accessible Login – WCAG 2.2 AA Login & Registration” for clarity and discoverability. No functional or code changes; settings and behaviour are unchanged. * readme links and documentation references refreshed. #### 1.0.0 _Released: 2026-05-28_ First public release. * Full WCAG 2.2 Level AA experience across all four screens — login, lost-password, password-reset and registration — developed and tested with the Deque AXE engine, Google Lighthouse, and the JAWS, NVDA, VoiceOver and TalkBack screen readers. * Ten accessible colour palettes plus full per-colour control through the WordPress colour picker, each maintaining AA contrast. * Optional custom backend login URL (off by default) with a reserved-word blocklist; when enabled it can return 404 on `/wp-login.php` for unauthenticated visitors to block automated brute-force scanners. * Logo upload with configurable dimensions, alt text and link target; ships with a neutral, locally-served default placeholder logo (no external requests). * Five layout styles, background image / overlay / pattern controls, and typography control with a 16 px minimum. * Accessible show/hide password toggle (SC 3.3.8), Caps Lock screen-reader warning, ARIA error announcements, a 3 px focus ring with 2 px offset (SC 2.4.11 / 2.4.13), and a configurable 44 x 44 px default target size (SC 2.5.8). * Reflows cleanly at 320 px and at 200% / 400% zoom (SC 1.4.4 / 1.4.10); honours` prefers-reduced-motion` and Windows forced-colors mode. * Structured, WCAG-bounded layout controls (corner radius, form width and padding, input height, button weight, focus-indicator width, card-shadow toggle). The plugin does not accept arbitrary CSS, JavaScript or PHP. * All dynamic CSS is delivered through the WordPress stylesheet enqueue system; no inline style or script blocks are printed into the login markup. * Settings export / import via JSON, reset-to-defaults, a first-run setup wizard, and a user-controlled clean-uninstall option (multisite-aware). * Independently audited against WCAG 2.2 AA and remediated; default settings are seeded from a bundled JSON file so a fresh install is accessibility-clean out of the box. * Requires WordPress 5.9 or higher. * Translation-ready with the `ananyoo-accessible-login` text domain. ## Meta * Version **1.1.2** * Last updated **2 weeks ago** * Active installations **Fewer than 10** * WordPress version ** 5.9 or higher ** * Tested up to **7.0.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/ananyoo-accessible-login/) * Tags * [accessibility](https://test.wordpress.org/plugins/tags/accessibility/)[custom login](https://test.wordpress.org/plugins/tags/custom-login/) [login](https://test.wordpress.org/plugins/tags/login/)[registration](https://test.wordpress.org/plugins/tags/registration/) [wcag](https://test.wordpress.org/plugins/tags/wcag/) * [Advanced View](https://test.wordpress.org/plugins/ananyoo-accessible-login/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/ananyoo-accessible-login/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/ananyoo-accessible-login/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/ananyoo-accessible-login/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/ananyoo-accessible-login/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/ananyoo-accessible-login/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/ananyoo-accessible-login/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/ananyoo-accessible-login/reviews/) ## Contributors * [ Shivaji Mitra ](https://profiles.wordpress.org/anblik/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/ananyoo-accessible-login/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://ananyoo.com)