Review mode on the live page

Review mode shows a page's accessibility issues on the front end, inside the theme visitors see. When you view a post, page or product, the blog home page, an archive, search results or the shop page while logged in, Lumtera adds an Accessibility item to the admin bar; on a post it shows a red count when the last saved check found errors. Click it and the page reloads in review mode; click it again, or Close review, to leave.

The review panel has five tabs. This post checks the post's content with the same rules as the editor and outlines each problem where it appears. Whole page checks everything else your browser renders, from the header and menus to the footer, and has its own feature page. Keyboard runs the keyboard walk and the menu and pop-up tests when you ask. Manual holds this page's guided checklist. Screen reader previews the headings, landmarks, links and form fields a screen reader lists, and the page in reading order. Findings show their severity, a short message, Show on page and How to fix with a WCAG link.

Below the tabs, Simulate shows the page as it may look with protanopia, deuteranopia, tritanopia, achromatopsia or low vision. It is an approximation, for spotting information shown by color alone, not for judging contrast ratios. The footer has an Outlines checkbox, an Edit post link and Close review. The panel is drawn in its own isolated layer, so your theme's CSS cannot restyle or hide it, and review pages are never kept by browsers, proxies or page cache plugins.