Accessibility / Screen Readers / VoiceOver / VoiceOver Helper Bookmarklet

The VoiceOver Helper bookmarklet displays a quick reference guide for testing with Apple's VoiceOver screen reader. Shows a modal panel with essential VoiceOver commands including start/stop, navigation, rotor usage, and element interaction. Explains the VoiceOver modifier (Ctrl+Alt), rotor navigation for element types, and basic commands like entering/escaping sections and interacting with controls. References Apple's official documentation and Deque University. Useful for testers learning VoiceOver or needing quick reference during audits. Close with X, clicking outside, or pressing Escape.

javascript:%21function()%7B%22use%20strict%22%3B%21function()%7Bfunction%20t()%7Be%26%26e.remove()%2Co%26%26o.remove()%7Dvar%20e%3Ddocument.createElement(%22div%22)%3Be.id%3D%22voiceover-helper-modal%22%2Ce.style.position%3D%22fixed%22%2Ce.style.top%3D%2250%25%22%2Ce.style.left%3D%2250%25%22%2Ce.style.transform%3D%22translate(-50%25%2C%20-50%25)%22%2Ce.style.zIndex%3D%2210000%22%2Ce.style.background%3D%22%23fff%22%2Ce.style.color%3D%22%23111%22%2Ce.style.boxShadow%3D%220%204px%206px%20rgba(0%2C%200%2C%200%2C%200.1)%22%2Ce.style.borderRadius%3D%228px%22%2Ce.style.width%3D%2290%25%22%2Ce.style.maxWidth%3D%22600px%22%2Ce.style.maxHeight%3D%2280%25%22%2Ce.style.overflowY%3D%22auto%22%2Ce.style.padding%3D%221em%22%2Ce.style.fontFamily%3D%22-apple-system%2C%20BlinkMacSystemFont%2C%20%27Segoe%20UI%27%2C%20Roboto%2C%20Helvetica%2C%20Arial%2C%20sans-serif%2C%20%27Apple%20Color%20Emoji%27%2C%20%27Segoe%20UI%20Emoji%27%2C%20%27Segoe%20UI%20Symbol%27%22%3Bvar%20n%3Ddocument.createElement(%22button%22)%3Bn.innerHTML%3D%22%26times%3B%22%2Cn.style.position%3D%22absolute%22%2Cn.style.top%3D%220.5em%22%2Cn.style.right%3D%220.5em%22%2Cn.style.background%3D%22none%22%2Cn.style.border%3D%22none%22%2Cn.style.fontSize%3D%221.5em%22%2Cn.style.cursor%3D%22pointer%22%2Cn.style.color%3D%22%23666%22%2Cn.addEventListener(%22click%22%2Cfunction()%7Bt()%7D)%2Ce.appendChild(n)%2Ce.insertAdjacentHTML(%22beforeend%22%2C%27%5Cn%5Ct%5Ct%5Ct%3Cstyle%3E%5Cn%5Ct%5Ct%5Ct%5Ct%23voiceover-helper-modal%3Etable%20%7B%5Cn%5Ct%5Ct%5Ct%5Ct%5Ctborder-collapse%3A%20collapse%3B%5Cn%5Ct%5Ct%5Ct%5Ct%5Ctwidth%3A%20100%25%3B%5Cn%5Ct%5Ct%5Ct%5Ct%7D%5Cn%5Ct%5Ct%5Ct%5Ct%23voiceover-helper-modal%20td%20%7B%5Cn%5Ct%5Ct%5Ct%5Ct%5Ctpadding%3A%208px%3B%5Cn%5Ct%5Ct%5Ct%5Ct%5Ctborder%3A%201px%20solid%20%23ddd%3B%20%2F*%20Optional%3A%20adds%20borders%20for%20clarity%20*%2F%5Cn%5Ct%5Ct%5Ct%5Ct%7D%5Cn%5Ct%5Ct%5Ct%5Ct%23voiceover-helper-modal%20a%20%7B%5Cn%5Ct%5Ct%5Ct%5Ct%5Cttext-decoration%3A%20underline%3B%5Cn%5Ct%5Ct%5Ct%5Ct%7D%5Cn%5Ct%5Ct%5Ct%3C%2Fstyle%3E%5Cn%5Ct%5Ct%5Ct%3Ch1%3EVoiceOver%20guide%3C%2Fh1%3E%5Cn%5Ct%5Ct%5Ct%3Cp%3EThe%20default%20VoiceOver%20(VO)%20button%20is%20%3Cstrong%3Ectrl%20%2B%20alt%3C%2Fstrong%3E.%3C%2Fp%3E%5Cn%5Ct%5Ct%5Ct%3Ctable%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Ecmd%20%2B%20F5%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Estart%20or%20stop%20VoiceOver%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3EVO%20%2B%20A%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Estart%20reading%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3EVO%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Estop%20reading%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3EVO%20%2B%20Shift%20%2B%20%5Cu25bc%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Ego%20into%20a%20section%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3EVO%20%2B%20Shift%20%2B%20%5Cu25b2%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Eexit%20a%20section%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3EVO%20%2B%20%5Cu25b6%5Cufe0e%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Enext%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3EVO%20%2B%20%5Cu25c0%5Cufe0e%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Eprevious%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3EEnter%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Eclick%20a%20link%20or%20button%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3ESpace%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Eselect%20a%20checkbox%2C%20radio%20or%20dropdown%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%3C%2Ftable%3E%5Cn%5Ct%5Ct%5Ct%3Ch2%3EThe%20rotor%3C%2Fh2%3E%5Cn%5Ct%5Ct%5Ct%3Cp%3EThe%20rotor%20lets%20you%20navigate%20by%20element%20type%2C%20for%20example%20headings%20and%20links.%3C%2Fp%3E%5Cn%5Ct%5Ct%5Ct%3Ctable%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3EVO%20%2B%20U%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Eopen%20the%20rotor%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3E%5Cu25c0%5Cufe0e%20%5Cu25b6%5Cufe0e%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Eswitch%20between%20element%20types%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3E%5Cu25b2%20%5Cu25bc%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Eselect%20an%20element%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3Ctr%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3ESpace%20or%20Enter%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%5Ct%3Ctd%3Ego%20to%20selected%20element%3C%2Ftd%3E%5Cn%5Ct%5Ct%5Ct%5Ct%3C%2Ftr%3E%5Cn%5Ct%5Ct%5Ct%3C%2Ftable%3E%5Cn%5Ct%5Ct%5Ct%3Cp%3EFor%20more%20shortcuts%2C%20visit%20%3Ca%20href%3D%22https%3A%2F%2Fsupport.apple.com%2Fguide%2Fvoiceover%2Fgeneral-commands-cpvokys01%2Fmac%22%3EApple%3C%2Fa%3E%20or%20%3Ca%20href%3D%22https%3A%2F%2Fdequeuniversity.com%2Fscreenreaders%2Fvoiceover-keyboard-shortcuts%22%3EDeque%20University%3C%2Fa%3E.%3C%2Fp%3E%5Cn%5Ct%5Ct%27)%2Cdocument.body.appendChild(e)%3Bvar%20o%3Ddocument.createElement(%22div%22)%3Bo.id%3D%22voiceover-helper-overlay%22%2Co.style.position%3D%22fixed%22%2Co.style.top%3D%220%22%2Co.style.left%3D%220%22%2Co.style.width%3D%22100%25%22%2Co.style.height%3D%22100%25%22%2Co.style.background%3D%22rgba(0%2C%200%2C%200%2C%200.4)%22%2Co.style.zIndex%3D%229999%22%2Co.addEventListener(%22click%22%2Cfunction()%7Bt()%7D)%2Cdocument.body.appendChild(o)%2Cdocument.addEventListener(%22keydown%22%2Cfunction%20e(n)%7B%22Escape%22%3D%3D%3Dn.key%26%26(t()%2Cdocument.removeEventListener(%22keydown%22%2Ce))%7D)%7D()%7D()%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fgithub.com%2Fjoelanman%2Fvoiceover-helper%5CnBookmarklet%20name%3A%20VoiceOver%20Helper%5Cn%22)%3B